如何使用高度压缩的捆绑文件（bundle.tar.gz）在服务器中托管？

Question

我通常会托管react js公用文件夹，其中包括index.html，bundle.js，css等...

这里我的bundle.js是400kb。我有一种方法可以将文件压缩为112kb的bundle.tar.gz。但是它不能用于在index.html中作为脚本链接

如何使用bundle.tar.gz文件托管？

Answer 1

1）将compression-webpack-plugin插件用于生产构建和算法，作为React应用程序中的'gzip'。

2）使用express来提供压缩内容。（每个服务器都有发送.js.gz格式的不同方法）-示例节点在这里

i）添加中间件以返回.js.gz。

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

ii）添加用于快递的压缩包

注意：-大多数浏览器默认都支持Gzip压缩。