vue.config.jscss
const path = require('path') const CompressionWebpackPlugin = require('compression-webpack-plugin') const productionGzipExtensions = ['js', 'css'] const isProduction = process.env.NODE_ENV === 'production' module.exports = { configureWebpack: config => { if (isProduction) { config.plugins.push(new CompressionWebpackPlugin({ algorithm: 'gzip', test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'), threshold: 10240, minRatio: 0.8 }) ) } } }
注意這裏使用的是 compression-webpack-plugin 2.0.0,若是使用1.x 可能須要指定 assets 選項,2.0 改選項改成了 filename,而且能夠省略html
本地構建會直接生成 gzip 文件vue
nginx 端須要開啓靜態Gzip,參見:http://www.javashuo.com/article/p-wtlqsxgw-cz.htmlwebpack