Как работать с разными папками в веб-пакете, чтобы изменить sr c изображения в dist?

Question

Вот мой реж: -sr c --assets ----картинки - html - js --styles Мой тег html img выглядит так:

<img src='../assets/images/image.png'>

Когда сборка завершена, папка dist: -dist --assets ----картинки --index Задает. html --index Задает. js --index Задает. css Но путь в теге изображения остается прежним, поэтому проблема в том, что он пытается достичь ../assets вместо ./assets Я хочу, чтобы структура каталогов осталась прежней, но динамически изменять эти пути, а также я не хочу импортировать мои изображения через js или css Вот часть моей конфигурации webpack:

entry : {
        main: '~src/js/index.js'
    },
    output : {
        filename : '[name].[hash].js',
        path : path.resolve(__dirname, '../dist')
    },
    plugins: [
        new CleanWebpackPlugin(),
        new CopyWebpackPlugin([
            {
                from: './src/assets',
                to: 'assets'
            }
        ])
    ].concat(htmlPlugins),
    module: {
        rules: [
            {
                test: /.(png|svg|jpg|gif)$/,
                use: [ImageminPlugin.loader, 
                    {
                        loader: 'file-loader',
                        options: {
                            name: '[name].[ext]',
                            outputPath: 'assets/images'
                        }
                    }
                ],
            }
        ]
    }