Webpack 如何在构建网页包后自动更改我的html文件中的src属性 我是网页包的初学者。从那以后，我做了我想做的事，但就是无法改变 自动生成完整的src属性。 有没有办法用资产模块处理所有这些订单

二,。如果你能给我一篇关于Webpack的完整的学习论文，我会非常满意，而我还没有找到一篇关于Webpack+5的完整文章

3.这是我的webpack.config.js示例

const miniCssExtractPlugin = require('mini-css-extract-plugin');
const path = require('path');

let mode = 'development';

if (process.env.NODE_ENV === 'production') {
  mode = 'production';
}

const config = {
  mode: mode,
  devtool: 'source-map',

  devServer: {
    contentBase: './dist',
    hot: true,
  },
  output: {
    filename: './js/[name].js',
    path: path.resolve(__dirname, 'dist'),
    assetModuleFilename: 'img/[hash][ext][query]',
  },
  module: {
    rules: [
      {
        test: /\.(png|jpe?g|svg|gif)$/i,
        type: 'asset/resource',
      },
      {
        test: /\.s?css$/i,
        use: [
          {
            loader: miniCssExtractPlugin.loader,
            options: { publicPath: '' },
          },
          'css-loader',
          'postcss-loader',
          'sass-loader',
        ],
      },

      {
        test: /\.js$/,
        use: 'babel-loader',
        exclude: /node_modules/,
      },
      {
        test: /\.html/,
        type: 'asset/resource',
        generator: {
          filename: '[name][ext]',
        },
      },
    ],
  },
  plugins: [
    new miniCssExtractPlugin({
      filename: './css/[name].css', // change this RELATIVE to your output.path!
    }),
    // new htmlWebPackPlugin({ template: './src/index.html' }),
  ],
};

module.exports = config;