在HTML

Question

在我的项目中，Web Pack生成了最小的10 MB以上的bundle.js，但是当我使用HtmlPlugin将整个bundle.js加载到HTML页面中并尝试运行该项目时，则需要花费大量时间才能将其放到主页。我怎样才能更快呢？

Answer 1

@Akash如果您在同一个域下有两个独立的应用程序。您需要在项目中启用Webpack Code Splitting。因此它将动态加载包。在每种情况下，只要您导航到这些应用程序之一，就只会下载所需的应用程序捆绑包。

  

您担心如何在index.html中添加块吗？

Webpack 对此负责，它在优化过程中使用runTimeChunk来动态加载相关包。

---

进一步的改进将包括：

• 您必须启用Webpack Caching-当bundle哈希数更改时，这将允许您的浏览器下载软件包，否则它将在几毫秒内从缓存中加载bundle。

我希望这会给您一些见识，帮助您智能地优化应用。 让我知道您是否还有任何疑问。