安装compression-webpack-plugin
npm install --save-dev compression-webpack-plugin
/config/index.js配置
productionGzip:true
productionGzipExtensions:['js', 'css']
/build/webpack.prod.conf.js配置
if( config.build.productionGzip ){
//导入compression-webpack-plugin
const CompressionWebpackPlugin = require('compression-webpack-plugin')
webpackConfig.plugins.push(
new CompressionWebpackPlugin({
asset: '[path].gz[query]',
algorithm: 'gzip',
test: new RegExp(
'\\.(' +
config.build.productionGzipExtensions.join('|') +
')$'
),
threshold: 10240,
// deleteOriginalAssets:true, //删除源文件,不建议
minRatio: 0.8
})
)
}
配置完毕后运行
npm run build
注意事项:compression-webpack-plugin使用会受版本影响,版本过高会冲突报错。解决方案:重新安装较低版本的包,如下:
npm install --save-dev compression-webpack-plugin@1.1.12