nutui配置gzip压缩

vue项目build打包出来后大于1mb,需要使用gzip压缩来做。
但是网上找到的方法都是用vue-cil3 自带的gzip打包,里面自带gizp直接开启设置就可以
nutui没有对应的设置文件,需要自己在webpack里修改
在webpack.config.js里面设置
先引入
const CompressionWebpackPlugin = require(‘compression-webpack-plugin’);

if (argv.mode === ‘production’)
里面的
webpackConfig.plugins = (webpackConfig.plugins || []).concat
方法里添加
new CompressionWebpackPlugin({
filename: ‘[path].gz[query]’,
algorithm: ‘gzip’,
test: new RegExp(’\.(js|css)$’),
threshold: 10240,
minRatio: 0.8
}),
压缩时会执行这个方法得到gzip的包,1m的项目被压缩到200kb左右
test里可以选择压缩文件的类型
threshold: 10240 资源文件大于10240B=10kB时会被压缩
minRatio: 0.8最小压缩比达到0.8时才会被压缩

你可能感兴趣的:(nutui配置gzip压缩)