gzip配置

npm i compression-webpack-plugin --save-dev

// vue.config.js
const CompressionPlugin = require('comporession-webpack-plugin')
module.exports = {
    configureWebpack: (config) => {
        if(process.env.NODE_ENV === 'productiono') { // 生产环境
            // 开启js、css等压缩 gzip
            config.plugins.push(
                new CompressionPlugin({
                    filename: '[path].gz[query]',
                    algorithm: 'gzip',
                    test: /\.js$|\.css$|\.html$/,
                    threshold: 10240,
                    minRatio: 0.8
                })
            )
        }
    }
}

然后npm run build能够看到效果，koa2在koa-static里面已经自动配好了，部署时候nginx需要配置一些，本地运行看不到效果。

个人理解：gzip可以压缩一些体积大的js、css等文件，打包到上线需要经历打包以及解包过程，gizp压缩能够降低这个过程的时间，达到降低服务器压力，提高首屏渲染实际的作用。

报错：vue TypeError: Cannot read property ‘tapPromise‘ of undefined
解决：https://blog.csdn.net/u014678583/article/details/112249324