webpack - 如何设置 "Content Encoding"为 Webpack 服务器启用 gzip 文件

Question

我使用Webpack 服务器创建了一个角度通用应用程序。我使用“compression-webpack-plugin”来压缩我的 js/html 文件，以便我可以从服务器向浏览器提供它们。压缩文件是通过该插件正确创建的。

问题:

虽然浏览器显示它可以接受 gzip 或 deflate 文件 (Accept-Encoding:gzip, deflate, sdch)，但我的 webpack 服务器不会将 gzip 文件发送到浏览器。

如何配置 webpack 服务器，使其在浏览器调用时将 gzip 文件发送到浏览器？

TIA

Answer 1

这是我的 webpack 和 Express 服务器设置:

//webpack.config.js

plugins: [
  ...
  new CompressionPlugin({   <-- Add this
    asset: "[path].gz[query]",
    algorithm: "gzip",
    test: /\.js$|\.css$|\.html$/,
    threshold: 10240,
    minRatio: 0.8
  })
...
]

//server.js

app.get('*.js', function(req, res, next) {
  req.url = req.url + '.gz';
  res.set('Content-Encoding', 'gzip');
  res.set('Content-Type', 'text/javascript');
  next();
});

app.get('*.css', function(req, res, next) {
  req.url = req.url + '.gz';
  res.set('Content-Encoding', 'gzip');
  res.set('Content-Type', 'text/css');
  next();
});