您应该会看到这个数

[mstakh.i.mom.i]

如果页面已经加载过一次，您的浏览器将尝试在后续页面加载时从缓存中加载内容。这通常是一件好事，因为它可以加快页面加载速度。但是，当您尝试查看包大小时，这可能会带来不便，如本教程中所示。您可以通过执行硬重新加载来强制浏览器重新从服务器请求内容。执行此操作的步骤也因浏览器和操作系统而异，但通常如下： 铬合金 Windows/Linux：按住Ctrl并单击重新加载按钮 Mac：按住Shift并点击重新加载按钮 火狐 Windows/Linux/Mac：按住Shift并单击重新加载按钮 在打开开发工具的情况下硬重新加载页面后，您应该会看到一个窗格，详细说明当前页面发出的网络请求： 网络工具 您可以看到，一个 .js 资源已加载，文件大小为 420.64 KB。


这是初始包大小。一旦您实现延迟加载，字下降。 实现延迟加载 在现 智利 whatsapp 电话号码 代版本的 React 中，你可以使用内置的 React.lazy 函数轻松地延迟加载组件。要查看实际效果，请返回到你的 App.js 文件并将 Date 和 CatFact 组件的 import 语句替换为以下内容： // import Date from


保存此更改，返回浏览器，然后执行另一次硬重新加载。您应该看到现在已加载更多 .js 资源： 代码分割 React 将包拆分为五个部分。您仍然拥有原始的 bundle.js（尽管它现在更小，为 360.28 KB），但还有 axios、moment、Date 和 CatFact 的单独文件。供应商依赖项（如 axios 和 moment）被拆分为自己的文件，因此它们不需要包含在每个延迟加载的块中。这样，它们的代码就不会被多次发送，这可能会对加载时间产生负面影响。