vue 首屏优化加载（二）（Gzip压缩）

# 安装compression-webpack-plugin开发依赖插件

npm install --save-dev compression-webpack-plugin

# 进入根目录下的config/index.js，把productionSourceMap: 改为false，productionGzip 改为true

productionSourceMap: false,
// https://webpack.js.org/configuration/devtool/#production
devtool: '#source-map',

// Gzip off by default as many popular static hosts such as
// Surge or Netlify already gzip all static assets for you.
// Before setting to `true`, make sure to:
// npm install --save-dev compression-webpack-plugin
productionGzip: true,
productionGzipExtensions: ['js', 'css'],

# 如果此时运行 npm run build 会报错

ValidationError: Compression Plugin Invalid Options
options should NOT have additional properties

# 这是由于版本问题，在项目package.json里将

"compression-webpack-plugin": "^3.0.0",

降级为

"compression-webpack-plugin": "^1.1.11",

# 重新 npm 安装 1.1.11 版本的插件

# 再进行 npm run build 进行打包