打包gzip压缩，部署后线上运行更快

.env.test

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

package.json

@@ -58,6 +58,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)
 }
@@ -57,9 +59,9 @@ module.exports = {
     open: false,
     proxy: {
       [process.env.VUE_APP_BASE_API]: {
-        // target: `http://192.168.1.46:8090/`,
-        target: `http://127.0.0.1:8090/`,
-        // target: `http://192.168.1.21:8001/`, // 张宇
+        target: `http://49.232.167.247:20024/`,
+        // target: `http://192.168.10.108:8090/`, // 飞龙后端
+        // target: `http://192.168.10.128:8090/`, // 奕霖后端
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''
         }
@@ -68,6 +70,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')