vue 前端打包 chunk-vendors文件过大的问题

在 vue.config.js 文件中使用 webpack的 compressionPlugin 插件 对代码进行压缩

切记 要开启删除源文件

传送 https://www.webpackjs.com/plugins/compression-webpack-plugin/

  chainWebpack: (config) => {
    // 生产环境，开启js\css压缩
    if (process.env.NODE_ENV === 'production') {
      config.plugin('compressionPlugin').use(new CompressionPlugin({
        test: /\.(js|css|less)$/, // 匹配文件名
        threshold: 10240, // 对超过10k的数据压缩
        minRatio: 0.8,
        deleteOriginalAssets: true // 删除源文件
      }))
    }

  },