在 webpack 中,如何配置 loader 和 plugin

可以在 webpack.config.js 文件中配置 loader 和 plugin，使用 module 和 plugins 属性。先定义一个 rules 数组，每个 rule 对象包含了匹配规则和要使用的 loader，然后在 plugins 数组中添加要使用的 plugin。例如：

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: './src/index.html',
      title: 'My App'
    })
  ]
};

这个配置中定义了一个 rule，当匹配到 .js 文件时，使用 babel-loader 对其进行转译。另外还定义了一个 HtmlWebpackPlugin 的实例，用来根据模板生成 HTML 文件，并自动注入对应的 bundle。