记录—gzip配置

137 阅读1分钟

👇安装:

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
✔解决:blog.csdn.net/u014678583/…