👇安装:
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/…