4. plugin 加载

插件则是用于扩展 webpack 的能力

• ProgressBarPlugin：编译进度条；
• BundleAnalyzerPlugin：打包体积分析；
• MiniCssExtractPlugin：提取 CSS 到独立 bundle 文件。

module.export = {
  // plugins 的配置
  plugins: [
    // plugins 的配置
    // 使用 HtmlWebpackPlugin 插件
    // 这个插件功能： 默认会创建一个空的HTML，引入打包输出的所有资源 (js/css) （自动引入build.js文件）
    new HtmlWebpackPlugin({   // 直接 new 创建
      // 参数 是一个对象
      // 复制 './src/index.html' 文件， 并自动引入打包输出的所有资源 （JS/CSS）
      template: './src/index.html'
    })
  ]
}