Javascript 为什么我们需要bundle.js以及在哪里？

Node.js/Angular/React应用程序需要bundle.js什么？如果在构建和部署应用程序时未使用它，该怎么办？

如何创建bundle.js 现在，我们通常使用像webpack这样的打包工具来打包js、css或其他文件。有了合适的加载程序，webpack会将这些文件打包成许多捆绑文件，浏览器会理解它们

需要bundle.js

模块绑定器将分析项目，找到依赖关系，并在加载网页时仅获取必要的包

使用模块bundler，它将编译一些浏览器无法读取的语言，如typescript、less等

如果它没有被使用呢 web项目不需要模块绑定器，但它会提高web页面的性能。如果不使用模块绑定器，web在加载时无法仅获取必要的绑定。因此加载时间会更长。

绑定来自何方？ 出于性能原因，我们开始捆绑资产

• HTTP1支持单个连接上的有限请求。为每个资产创建连接会降低性能
• 我们开始一页一页地绑定内容，以通过更有效的缓存提高性能
• 我们能够将指纹添加到它并将其上传到CDN。（主页：231434.js）。因此，我们能够通过停靠应用程序来部署应用程序
• 捆绑还可以帮助我们更大程度地减小页面大小，因为bundler了解整个系统。这意味着它可以删除未使用的内容，并更容易地缩小内容。没有捆绑机，你无法轻松完成
• 此外，捆绑机也在使用Transpiler。浏览器不能总是运行我们编写的代码，比如Typescript、CoffeeScript。捆绑程序可以轻松地将这些代码传输到捆绑包中

我们还需要它吗？ 如今，情况发生了很大变化，就像我们捆绑资产一样

• 首先，现在几乎所有浏览器都支持HTTP/2。因此，我们可以在同一个连接上请求多个文件。因此不再需要捆绑。此外，我们还有http/2服务器推送
• React、Angular和Vue等库的大小要有效得多。它们可以很容易地从gzip支持源下载到页面

这些就是我们不再需要捆绑的原因

但根据您的项目，我们可能仍需要捆绑销售。这是事实。

我还是会选择捆绑销售

---

在我的公司，我们使用容器编排系统来控制停靠的应用程序。我们可以同时运行多个版本。为文件创建指纹，同时将其捆绑并上传到CDN，这对我们来说更为有效。我们也在努力利用和。CDN帮助我们减少了其他国家/地区访客的装载时间。 此外，我们还得到服务人员的支持，以便在需要时按页面更改资产

所以实际上现在它只是基于你的项目。不再有太多性能原因了