Vue CLI 3中是实现gzip打包

gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。

实现gzip压缩需要安装compression-webpack-plugin包。

在vue.config.js配置，直接上代码：

const CompressionPlugin = require('compression-webpack-plugin');

module.exports = {

/*从这里开始添加*/
    configureWebpack: config => {
        if(process.env.NODE_ENV === 'production'){
            return {
                plugins: [new CompressionPlugin({
                    test: /\.js$|\.html$|\.css/, // 匹配的文件名
                    threshold: 10240, // 超过10K，进行gzip压缩
                    deleteOriginalAssets: false // 是否删除原文件
                })]
            }
        }
    }
/*到这里结束*/

}; 

**注意：这里前端进行的打包时的gzip，但是还需要后台服务器的配置。