Javascript 如何处理网页中的不同文件夹来改变图片在dist中的src？

这是我的目录：
-src
---assets
---images
---html
---js
---styles
我的html img标记看起来像：

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

---

为什么不在开发环境中使用相同的

webpack

build？我是，在开发中工作，但在生产中不工作。在构建之后，目录结构应该与生产相同，然后它如何工作？它是相同的，路径保持不变（错误）但是它在dev中工作，但在prod中不起作用。为什么不在dev环境中使用相同的

网页包

构建？我是，在dev中工作，但在生产中不工作。在构建之后，目录结构应该与生产相同，然后它如何工作？它是相同的，路径保持不变（错误）但它在dev中有效，但在prod中无效

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'
                        }
                    }
                ],
            }
        ]
    }