vue-cli 3.0 開啓 Gzip 方法

vue.config.js

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，而且能夠省略

 

本地構建會直接生成 gzip 文件

 

nginx 端須要開啓靜態Gzip，參見：http://www.javashuo.com/article/p-wtlqsxgw-cz.html