7. optimization 优化

optimization 用于自定义 webpack 的内置优化配置，一般用于生产模式提升性能，常用配置项如下：

• minimize：是否需要压缩 bundle；
• minimizer：配置压缩工具，如 TerserPlugin、OptimizeCSSAssetsPlugin；
• splitChunks：拆分 bundle；
• runtimeChunk：是否需要将所有生成 chunk 之间共享的运行时文件拆分出来。

module.exports = {
  // webpack的优化
  optimization: {
    // minimize 是否需要压缩 bundle；
    minimizer: [
      // css分离
      new CssMinimizerPlugin(),
    ],
    //  splitChunks 拆分 bundle；
    splitChunks: {
      chunks: 'all',
      // 重复打包问题
      cacheGroups:{
        vendors:{ 
          //node_modules里的代码
          test: /[\\/]node_modules[\\/]/,
          chunks: "all",
          //chunks name
          name: 'vendors', 
          //优先级
          priority: 10, 
          enforce: true 
        }
      }
    },
  },
}