vue cli3 生產環境打包壓縮Gzip

1.安裝打包工具：npm install --save-dev compression-webpack-plugin

2、配置vue.config.js 文件

const CompressionWebpackPlugin = require("compression-webpack-plugin");
const productionGzipExtensions = ["js", "css"];
module.exports = {
  productionSourceMap: false,
  devServer: {
    disableHostCheck: true
  },
  configureWebpack: () => {
    if (process.env.NODE_ENV === "production") {
      return {
        plugins: [
          new CompressionWebpackPlugin({
            filename: "[path].gzip[query]", // 提示[email protected]的話filename改爲asset
            algorithm: "gzip",
            test: new RegExp(
              "\\.(" + productionGzipExtensions.join("|") + ")$"
            ),
            threshold: 10240, //內容超過10KB進行壓縮
            minRatio: 0.8
          })
        ]
      };
    }
  }
};