服務的正確方式是由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。