webpack开启gzip压缩

安装插件（compression-webpack-plugin）

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

webpack.config.js

const CompressionPlugin = require('compression-webpack-plugin');
module.exports = {
        plugins: [
            new CompressionPlugin({
                algorithm: 'gzip', // 使用gzip压缩
                test: /\.js$|\.html$|\.css$/, // 匹配文件名
                filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz)
                minRatio: 1, // 压缩率小于1才会压缩
                threshold: 10240, // 对超过10k的数据压缩
                deleteOriginalAssets: false, // 是否删除未压缩的源文件，谨慎设置，如果希望提供非gzip的资源，可不设置或者设置为false（比如删除打包后的gz后还可以加载到原始资源文件）
            }),
        ],
    },
};

vue.config.js

const CompressionWebpackPlugin = require('compression-webpack-plugin')
module.exports = {
  chainWebpack: config => {  
    if (process.env.NODE_ENV === 'production') {
        config.plugin('CompressionPlugin').use(
        	new CompressionWebpackPlugin({
             algorithm: 'gzip', // 使用gzip压缩
             test: /\.js$|\.html$|\.css$/, // 匹配文件名
             filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz)
             minRatio: 1, // 压缩率小于1才会压缩
             threshold: 10240, // 对超过10k的数据压缩
             deleteOriginalAssets: false, // 是否删除未压缩的源文件，谨慎设置，如果希望提供非gzip的资源，可不设置或者设置为false（比如删除打包后的gz后还可以加载到原始资源文件）
          })
        )
   	}
  }
}