开启 gzip 压缩

打包的时候自动生成压缩文件, 上传到web服务器，可以提高打开页面速度，降低web服务器压力。

安装插件

npm install compression-webpack-plugin --save-dev
or
yarn install compression-webpack-plugin -D

编辑 /vue.config.js

const CompressionWebpackPlugin = require("compression-webpack-plugin");
module.exports = {
  ...
  configureWebpack: (config) => {
    if (process.env.NODE_ENV === "production") {
      // 开启gzip压缩
      config.plugins.push(
        new CompressionWebpackPlugin({
          algorithm: "gzip",
          test: /\.js$|\.html$|\.json$|\.css/,
          threshold: 10240,
          minRatio: 0.8,
        })
      );
      // end
    }
  },