项目打包gzip压缩，部署后线上更快

.env.test

 # just a flag
-ENV = 'test'
+ENV = 'production'
 
 # 测试环境
 # base api

package.json

@@ -55,6 +55,7 @@
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "10.0.1",
     "chalk": "2.4.2",
+    "compression-webpack-plugin": "^1.1.12",
     "connect": "3.6.6",
     "crypto-js": "4.1.1",
     "eslint": "5.15.3",

vue.config.js

@@ -8,6 +8,8 @@ const D = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate())
 const h = (date.getHours() < 10 ? '0' + (date.getHours()) : date.getHours())
 const m = (date.getMinutes() < 10 ? '0' + (date.getMinutes()) : date.getMinutes())
 const now = Y + M + D + h + m
+const CompressionWebpackPlugin = require('compression-webpack-plugin')
+const productionGzipExtensions = ['js', 'css']
 function resolve(dir) {
   return path.join(__dirname, dir)
 }
@@ -67,6 +69,15 @@ module.exports = {
   },
   configureWebpack: {
     name: name,
+    plugins: [
+      new CompressionWebpackPlugin({
+        filename: '[path].gz[query]', // 提示compression-webpack-plugin@3.0.0的话asset改为filename
+        algorithm: 'gzip',
+        test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
+        threshold: 10240,
+        minRatio: 0.8
+      })
+    ],
     resolve: {
       alias: {
         '@': resolve('src')