将大型静态 Javascript 库与 ASP.NET 捆绑在一起？答案

【问题标题】：Bundling large static Javascript libraries with ASP.NET?将大型静态 Javascript 库与 ASP.NET 捆绑在一起？
【发布时间】：2018-10-26 20:35:50
【问题描述】：

我有几个不同的 ASP.NET 应用程序，它们都使用相同版本的 jQuery。如果我直接引用 jQuery 库，我的浏览器会下载一次，然后为剩余的请求缓存它。

但是，如果我将 jQuery 库与每个需要它的应用程序和页面捆绑在一起，我的浏览器实际上会为每个页面/捆绑包下载不同的 jQuery 副本。

在我看来，对于在许多页面上使用的大型静态 Javascript 库，最好不要捆绑它，而只为在每个应用程序/页面上找到的那些许多小的、专注的 Javascript 文件保存捆绑。

我错过了什么吗？为什么要捆绑一个永远不会更改并在许多不同页面中使用的 JavaScript 文件？

【问题讨论】：

标签： javascript asp.net bundle

【解决方案1】：

将多个 JavaScript 文件捆绑在一起的目的是减少返回服务器的请求数量。由于捆绑是为了减少服务器请求，因此文件大小是一个单独的问题，这就是缩小的地方。

我经常使用 Web 窗体和 MVC 将其他人的设计合并到 ASP.NET 项目模板中。我几乎总是必须在启动时去掉 Scripts 文件夹并注释掉捆绑方法。一个特别的问题是，如果您的 CSS 文件中有 Import statements，则 ASP.NET 中的捆绑/缩小可能会阻塞。使用浏览器开发工具，我逐个站点、逐页地处理每个项目，并注意有效负载和性能。图片尺寸通常会导致最多的问题，而这通常是我可以节省开支的地方。

【讨论】：