在 webpack-dev-server 上启用 gzip 压缩？

Question

如何在 webpack-dev-server 上启用 gzip 压缩？它似乎没有默认打开。

Answer 1

1) 在app.use(require('webpack-dev-middleware')...之前插入这一行：

app.use(express.compress());

2) 根据 source code 有一个未记录的选项 compress:

$ webpack-dev-server ... --compress

Answer 2

如果您可以在您的项目中找到 app.use(devMiddleware)，请将其替换为：

var compression = require('compression');
app.use(compression({}));
app.use(devMiddleware);

和npm install -D compression

Answer 3

要在您的 web pack 配置中配置它，请使用 compression 模块。

"devServer": { compress: true, before(app) { app.use(compression({})); }, },

Enable gzip compression on webpack-dev-server?