Quando eu coloco o loader do html-loader no webpack, gera o seguinte erro: ERROR in ./src/clientes.html (./node_modules/html-webpack-plugin/lib/loader.js!./src/clientes.html) Module not found: Error: Can't resolve '../assets/img/doguinho.png' in 'C:\Users\ike_m\Documents\Estudo\Alura\spa-js\spa_js-projeto_inicial\src' @ ./src/clientes.html (./node_modules/html-webpack-plugin/lib/loader.js!./src/clientes.html) 3:33-70
se eu retiro ele, uso só o file-loader, o projeto compila.
segue como está meu arquivo de configuração completo até o momento: const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = { mode: 'development', entry: './src/componentes/lista/listagem-cliente.js', devServer: { open: true, contentBase: './dist' }, output: { filename: 'main.js', path: path.resolve(__dirname, './dist') }, plugins: [ new HtmlWebpackPlugin({ template: './src/clientes.html', filename: 'index.html' }) ], module: { rules: [ { test: /.css$/, use: [ 'style-loader', 'css-loader' ] }, { test: /.html$/, use: ["html-loader"] }, { test: /.png$/, use: { loader: 'file-loader', options: { filename: '[name].[ext]' } } } ] } }