Webpack 需要很长时间才能在构建完成后加载页面

Question

我们在一个非常大的单体上使用create-react-app(with react-app-rewired)。我们对构建时间做了一些改进（将其缩短到大约 20 秒），但是在构建完成后（按照 a yarn start），应用程序需要 2 分钟才能真正加载到浏览器上。

在app.jsx我尝试删除所有根代码并仅呈现典型的“Hello World”p标签时，它几乎不需要那么长时间。我还使用serve在构建文件夹前面运行了一个基本的 Web 服务器，这表明它可能webpack-dev-server存在应用程序大小问题（或者可以说它是在实际构建之前构建的？）。

在 chrome 开发工具网络选项卡中，阻止页面加载的资产是static/js文件夹中的文件。

这是结果的要点webpack-bundle-analyzer

有没有人知道这个问题的起源以及如何改善构建后加载时间？

Answer 1

我在你的构建中看到了很多node_modules。它们都是必要的吗？你拥有的越多，需要的时间就越长。

来源