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
          })
        ]
      };
    }
  }
};