服务的正确方式是由webpack创建的反应构建

Question

我有一个由create-react-app创建的应用程序。 运行npm run build我收到一条消息：

gzip后的文件大小：

550.11 KB build / static / js / main.0bef6e38.js

46.61 KB build / static / css / main.dffb4fca.css

尼斯。 但是在运行serve -s build我在浏览器中获得的应用程序大小等于最初的2.5 Mb。 所以我检查了文件系统中的捆绑包，它的大小也是2.5 Mb。

所以问题是： 为什么会发生这种情况以及为反应应用程序提供服务的正确方法是什么？ 谢谢！

Answer 1

webpack 4有两种模式， development和production 。 默认情况下，它将构建作为development 。

如果你想构建生产只需运行npx webpack -p 。

Answer 2

那么，该报告指出你的捆绑包只会在gzip之后具有那么大。 好吧，你必须允许gzip。 在http库中，例如express，您可以添加压缩作为中间件，它将启用gzip，您的内容将作为gzip服务器。

这取决于您如何提供它以及静态文件服务器如何允许您启用gzip。