angular - 为什么 WebPack 被称为捆绑器？捆绑有什么用？

Question

我是 JS 世界的新手，我正在学习 Angular。

我不明白 WebPack 中的“捆绑”是什么。

据我了解，Angular 项目将有数百个 JS 文件。如果我们将所有这些文件一次性提供给浏览器，则可能会增加加载时间。

WebPack 会将所有这些 JS 文件捆绑到一个单独的 bundle.js 文件中。这样加载时间会更少吗？

如果是这样，为什么需要更少的时间？我们只是将所有 .js 文件合并到一个大 js 文件中，应该需要相同的时间来下载吗？

我很困惑！

标签： angularwebpackwebpack-dev-server

Answer 1

将文件捆绑到一个（或几个）下载中意味着当脚本开始执行时所需的所有资源都将可用。如果脚本是require从浏览器动态生成的，那么一旦第一个脚本开始运行，它就必须等待它需要加载的每个资源才能执行。由于这些资源可能反过来需要其他资源，因此在执行任何有用的代码之前必须接收一长串请求的资源。WebPack 允许您将其配置为生成多个包，并为您提供可以并行加载脚本的脚本标签，以优化首次交互的时间。