全栈03 开启Gzip压缩

开启Gzip可以压缩静态文件的下载体积

Express

Express 4.0 以下版本：

var express = require('express');
var app = express();
app.use(express.compress());

Express 4.0 以上版本：

var compression = require('compression');
var express = require('express');
var app = express();
app.use(compression());

Koa

const koa = require('koa');
const compress = require('koa-compress');

const app = koa();

const options = { threshold: 2048 };
app.use(compress(options));

webpack

在webpack.prod.conf.js中，引入了compression-webpack-plugin，用来生成一个被gzip压缩过的JS文件

if (config.build.productionGzip) {
  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,
      minRatio: 0.8
    })
  )
}

参考

• https://alili.tech/2017/12/13/Nodejs/开启Express，Egg.js，Koa.js 的Gzip模式/