使用JavaScript捆绑器的优点是什么

What are the pros of using a javascript bundler?

本文关键字：是什么 JavaScript 使用更新时间：2023-09-26

很抱歉，如果以前有人问过这个问题，但我找不到可靠的答案。

从本质上讲，我正在 React 中构建一个相当大的应用程序，其中包含大量组件和 JavaScript 文件。经理几乎在敦促我们使用 Webpack，我现在才刚刚开始涉足。

所以我想问题是，为什么要麻烦地将已经整齐分离的 javascript 文件的负载捆绑到几个单独的大文件中？

这似乎更像是一个更大的架构相关的QandA。

但从本质上讲，捆绑是很好的，如果

1）你有复杂的文件夹结构，其中每个模块都是单独的文件

2）只想投递一个文件来优化HTTP请求和缓存

3）如果您使用某种模块导出语法。

4）使用webpack，您还可以使用开发服务器对JS和CSS进行热加载，非常整洁。

5）也可以插入转译器并使用ES6

主要原因是加载 1 个单个文件要快得多。假设您根本不压缩串联的单个文件，设置 http 连接仍然存在开销，以及阻止同时下载的最大并发请求限制。

另一个原因是允许压缩器解析整个文件。假设您单独压缩每个文件，您可能会（可能）遇到命名冲突问题。

您肯定想要压缩文件，因为您将通过网络发送更少的字节。由于您已经需要对文件进行一些后处理，因此压缩并不是多余的。