vue-cli3项目打包并压缩代码体积

开启gzip压缩
没开启gzip压缩之前，打包的项目源代码都是原来的格式。
开启之后，如果大于某个大小，会进行压缩，变成.gz的格式。

npm i compression-webpack-plugin -D

在vue.config.js中进行如下配置(脚手架3是没有的，自己根目录下新建即可)

const CompressionPlugin = require('compression-webpack-plugin')
const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i
module.exports = {
  productionSourceMap: false,
  configureWebpack: {
    plugins: [
      new CompressionPlugin({
        test: productionGzipExtensions, // 需要压缩的文件正则
        threshold: 10240, // 文件大小大于这个值时启用压缩
        deleteOriginalAssets: true // 压缩后保留原文件
      })
    ]
  },
}

配置完成后，再次build时，就可以打包成.gz文件了。