我们在一个非常大的单体上使用create-react-app
(with )。react-app-rewired
我们已经对构建时间进行了一些改进(将其缩短到大约 20 秒),但是在构建完成后(按照 a yarn start
),应用程序需要 2 分钟才能真正加载到浏览器上。
在app.jsx
我尝试删除所有根代码并只呈现一个典型的“Hello World”p
标签,它几乎不需要那么长时间。我还使用serve在 build 文件夹前面运行了一个基本的 Web 服务器,这表明它可能webpack-dev-server
存在应用程序大小的问题(或者说它是在实际构建之前构建的?)。
在 chrome 开发工具网络选项卡中,阻止页面加载的资产是static
/js
文件夹中的文件。
这是结果的要点webpack-bundle-analyzer
有没有人知道这个问题可能起源于哪里以及如何改善构建后的加载时间?