web-applications - 如何判断 Web 应用程序是否使用代码拆分

Question

Web 开发人员如何判断给定 URL 处的 Web 应用程序是否正在使用代码拆分，例如webpack、rollup 或其他库提供的代码拆分？

Answer 1

如果使用 Google Chrome，您可以查看开发人员工具的网络选项卡。

如果应用程序使用 webpack 代码拆分，通常会加载多个 JavaScript 包，并添加用于缓存清除的哈希码。

在下面的示例中，有一个主要的 JavaScript 包postList.blabla243fe.js。这是在页面加载时加载的。在执行代码时，0.8a3dblabla.js会异步加载另一个包。