GZip 在 Webpack 2.5.1 中不起作用

Question

我使用 webpack 2.5.1 并且我想减小文件大小，因为我的硬件不支持超过 7,800 KB 的文件。我使用生产模式和 uglify 将我的 main-client.js 减少到 2.63 mb，但我想使用 gzip，但我不知道如何......

如果我删除 CompressionPlugin 代码，我仍然有 2.63 mb...它现在不起作用...我做错了什么...？

我找到了这个链接，但我不知道在哪里添加 2.2 -> 4 的代码。

Two Quick Ways To Reduce React App’s Size In Production

我也接受另一种方法，用于压缩该 js 文件/s :)

Answer 1

这是一个服务器级别的配置 AFAIK。

看看https://blogs.msdn.microsoft.com/friis/2017/09/05/iis-dynamic-compression-and-new-dynamic-compression-features-in-iis-10/

https://httpd.apache.org/docs/2.4/mod/mod_deflate.html

或

https://docs.nginx.com/nginx/admin-guide/web-server/compression/

取决于您使用的服务器。在 NodeJS 中，如果你使用 express，则有 https://github.com/expressjs/compression，在 ASP.NET CORE MVC 中是 https://docs.microsoft.com/en-us/aspnet/core/performance/response-compression?view=aspnetcore-2.0&tabs=aspnetcore2x

Answer 2

Gziping 文件是一项服务器功能，您只需在提供静态文件的服务器中启用它们即可。

我建议你更新到 webpack 4 并对你的代码应用代码拆分，它会减小它的大小。