安装压缩插件
cnpm install compression-webpack-plugin@3.1.0 -D
如果这个版本不对，请自行降低或者升高压缩插件版本即可，此版本亲测可用
// 导入compression-webpack-plugin
const CompressionWebpackPlugin = require(‘compression-webpack-plugin’);
// 定义压缩文件类型
const productionGzipExtensions = [‘js’, ‘css’]
module.exports = {
productionSourceMap:false,
publicPath : process.env.NODE_ENV === ‘production’ ? ‘./’ : ‘/’,
configureWebpack: {
plugins: [
new CompressionWebpackPlugin({
// filename: ‘[path].gz[query]’,
algorithm: ‘gzip’,
test: new RegExp(‘\.(‘ productionGzipExtensions.join(‘|’) ‘)$’),//匹配文件名
threshold: 10240,//对10K以上的数据进行压缩
minRatio: 0.8,
deleteOriginalAssets: true,//是否删除源文件
})
]
}
}
nginx 配置， 成功打包之后，需要在nginx中开启解析静态压缩功能来解析gz文件，我是这么理解的
加入静态压缩 解析gz文件（打压缩后的js文件）
location / {
gzip_static on; #静态压缩
}
