Tengo un problema, Webpack genera imágenes duplicadas, mientras que uno de los duplicados está roto.

Tengo una imagen image , y se generan dos duplicados a partir de ella, una que funciona: image y otra que no funciona: image . Estoy en CSS para una clase .logo Estoy colgando el estilo de imagen de fondo: imagen . Después de compilar el código, inserta la ruta a la imagen que no funciona: imagen , y no entiendo cuál es el problema :(

Por favor ayúdenme a solucionarlo, gracias de antemano!!!

Mi webpack.config.js:

 const path = require('path') const HTMLWebpackPlugin = require('html-webpack-plugin') const {CleanWebpackPlugin} = require('clean-webpack-plugin') module.exports = { context: path.resolve(__dirname, 'src'), mode: 'development', entry: { main: './index.js', analytics: './analytics.js' }, output: { filename: '[name].[contenthash].js', path: path.resolve(__dirname, 'dist') }, plugins: [ new HTMLWebpackPlugin({ title: 'Webpack Tenzo', template: './index.html' }), new CleanWebpackPlugin() ], module: { rules: [ { test: /\.css$/, use: ['style-loader', 'css-loader'] }, { test: /\.(png|jpg|svg|gif)$/, use: ['file-loader'] } ] } }