feat: 生产环境开启gzip打包

package.json

@@ -36,6 +36,7 @@
     "babel-plugin-import": "^1.13.0",
     "chalk": "^4.1.0",
     "chokidar": "^3.5.1",
+    "compression-webpack-plugin": "5.0.1",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^7.0.0-0",
     "less": "^3.12.2",

vue.config.js

@@ -2,6 +2,7 @@
 const autoprefixer = require('autoprefixer')
 const pxtoviewport = require('postcss-px-to-viewport')
 const cdnDependencies = require('./dependencies-cdn')
+const CompressionWebpackPlugin = require('compression-webpack-plugin')
 
 const path = require('path')
 function resolve(dir) {
@@ -37,6 +38,16 @@ module.exports = {
     }
     if (process.env.NODE_ENV === 'production') {
       configNew.externals = externals
+      configNew.plugins = [
+        // gzip
+        new CompressionWebpackPlugin({
+          filename: '[path].gz[query]',
+          test: new RegExp('\\.(' + ['js', 'css'].join('|') + ')$'),
+          threshold: 10240,
+          minRatio: 0.8,
+          deleteOriginalAssets: false
+        })
+      ]
     }
     return configNew
   },
@@ -55,9 +66,7 @@ module.exports = {
     }
   },
   chainWebpack: (config) => {
-    /**
-     * 添加 CDN 参数到 htmlWebpackPlugin 配置中
-     */
+    // 添加 CDN 参数到 htmlWebpackPlugin 配置中
     const targetHtmlPluginNames = ['html']
     targetHtmlPluginNames.forEach((name) => {
       config.plugin(name).tap(options => {