使用javascript捆绑包的优点是什么？

Question

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

从本质上讲，我在React中构建了一个包含大量组件和javascript文件的大型应用程序。经理非常迫切要求我们使用Webpack，我现在刚刚开始尝试使用它。

所以我想问的是，为什么要经历将已经整齐分离的javascript文件的加载和加载捆绑到几个单个大量文件的麻烦？

Answer 1

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

但实质上，如果

，捆绑很棒

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

2）想要只提供一个文件来优化http请求和缓存

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

4）使用webpack，您还可以使用dev服务器对JS和CSS进行热重载，非常简洁。

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

Answer 2

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

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

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