vue cli 3生産環境パッケージ圧縮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
          })
        ]
      };
    }
  }
};