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

Question

我通常会托管反应js公共文件夹，包括index.html，bundle.js，css等...

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

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

Answer 1

1）使用compression-webpack-plugin插件进行生产构建，并将算法用作反应应用程序中的“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压缩。