在我的项目中，web包正在生成10 MB+的缩小捆绑包.js但是当我使用HtmlPlugin在HTML页面中加载整个捆绑包.js并尝试运行该项目时，需要花费大量时间才能登陆主页。我怎样才能使它更快？
您可以使用一些解决方法来加载或提高应用程序的性能。
- 单独的应用程序代码(组件等(和 API 代码(反应等(
您需要将它们分别捆绑为捆绑.js和供应商.js。现在使用浏览器缓存，这将确保加载供应商.js只加载一次。我相信您的大部分代码将仅是 api 代码。这将提高应用加载性能，因为只会加载应用代码。
- 利用模块的异步加载。
您可以使用模块的异步加载，这将从您的捆绑包.js中创建块。作为js代码片段的块将在路由或模块需要时加载。
@Akash 如果您在同一网域下有两个独立应用。您需要在项目中启用 Webpack 代码拆分。因此，它将动态加载捆绑包。在每种情况下，只要您导航到其中一个应用程序，就会只下载所需的应用程序包。
对于您关心如何在
index.html中添加块？
Webpack对此负责，它在优化中使用runTimeChunk来动态加载相关捆绑包。
进一步的改进将包括：
- 您必须启用 Webpack 缓存 - 这将允许您的浏览器在捆绑哈希编号更改时下载包，否则它将在毫秒内从缓存加载捆绑包。
我希望这能让您了解如何智能地优化您的应用程序。 如果您有任何疑问，请告诉我。