Javascript 网页包代码拆分意味着什么？它是如何工作的？

如果我错了，请纠正我，但webpack所做的是将所有文件打包成一个文件，然后将它们提供给客户端以减少请求。之后，客户端仍然必须加载该文件才能让你的应用程序工作，因此为了加快速度，代码拆分允许客户端按需加载应用程序的不同部分，对吗

require.ensure(["module-a", "module-b"], function() {
  var a = require("module-a");
  // ...
});

我不知道如何使用文档中的以下代码来实现这一点。因此，如果我将下面的代码放在一个已经加载的文件中，第一个参数指的是依赖项，第二个参数指的是回调。这意味着我想对依赖项执行的任何操作都必须进入回调，对吗

require.ensure(["module-a", "module-b"], function() {
  var a = require("module-a");
  // ...
});

---

代码拆分是webpack最引人注目的功能之一。它允许您将代码拆分为各种捆绑包，然后根据需要加载这些捆绑包 例如，当用户导航到匹配的路由时，或在用户的事件上。这允许更小的捆绑包，并允许您控制资源负载优先级

拆分应用程序和供应商代码 var webpack=需要（“webpack”）

这将从应用程序块中删除供应商块中的所有模块。bundle.js现在只包含你的应用程序代码，没有任何依赖项。这些在vendor.bundle.js中

<script src="vendor.bundle.js"></script>
<script src="bundle.js"></script>

在HTML页面中，在bundle.js之前加载vendor.bundle.js

<script src="vendor.bundle.js"></script>
<script src="bundle.js"></script>

---

代码拆分是webpack最引人注目的功能之一。它允许您将代码拆分为各种捆绑包，然后根据需要加载这些捆绑包 例如，当用户导航到匹配的路由时，或在用户的事件上。这允许更小的捆绑包，并允许您控制资源负载优先级

拆分应用程序和供应商代码 var webpack=需要（“webpack”）

这将从应用程序块中删除供应商块中的所有模块。bundle.js现在只包含你的应用程序代码，没有任何依赖项。这些在vendor.bundle.js中

<script src="vendor.bundle.js"></script>
<script src="bundle.js"></script>

在HTML页面中，在bundle.js之前加载vendor.bundle.js

<script src="vendor.bundle.js"></script>
<script src="bundle.js"></script>

---

这样做只会加快页面加载速度？我的意思是，它仍然需要供应商捆绑包才能正常工作？那么，这不是还需要加载吗？这怎么会更好呢？这只会让你的页面加载更快？我的意思是，它仍然需要供应商捆绑包才能正常工作？那么，这不是还需要加载吗？这怎么会更好？