Enable gzip compression on webpack-dev-server?

Question

How do you enable gzip compression on the webpack-dev-server? It doesn't appear to be on by default.

Answer 1

1) Insert this line before app.use(require('webpack-dev-middleware')...:

app.use(express.compress());  

2) According to source code there is undocumented option compress:

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

Answer 2

If you can find app.use(devMiddleware) in your project, replace it with:

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

And npm install -D compression

Answer 3

To configure it in your web pack config, use the compression module.

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