提供由webpack创建的React构建的正确方法

时间:2018-08-31 18:30:33

标签: javascript reactjs webpack

我有一个由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。

所以问题是: 为什么会这样?为React应用程序提供服务的正确方法是什么?谢谢!

2 个答案:

答案 0 :(得分:0)

webpack 4附带两种模式,developmentproduction。 默认情况下,它将构建作为development使用。

如果要为生产而构建,只需运行npx webpack -p

答案 1 :(得分:0)

好吧,该报告指出,捆绑包的大小仅在gzip之后。好吧,您必须允许使用gzip。在http库(例如express)中,您可以将compression添加为启用gzip的中间件,而您的内容将作为gzip作为服务器。

这取决于您的服务方式以及静态文件服务器如何启用gzip。