asp.net-mvc-4 - 是否有任何理由在 BundleConfig 中有多个 ScriptBundle 包？

Question

这里，默认的 MVC5 App BundleConfig:

public class BundleConfig
{
    // For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.validate*"));

        // Use the development version of Modernizr to develop with and learn from. Then, when you're
        // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Scripts/modernizr-*"));

        bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                  "~/Scripts/bootstrap.js",
                  "~/Scripts/respond.js"));
    }
}

拥有一个包含所有需要的脚本的包不是更简单吗？像这样:

public class BundleConfig
{
    // For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/scripts").Include(
                    "~/Scripts/jquery-{version}.js",
                    "~/Scripts/jquery.validate*",
                    "~/Scripts/modernizr-*",
                    "~/Scripts/bootstrap.js",
                    "~/Scripts/respond.js"));
    }
}

或者，更简单，像这样 (在 Script 文件夹中，您只需要放置您需要的 JS 文件):

public class BundleConfig
{
    // For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/scripts").Include("~/Scripts/*"));
    }
}

Answer 1

Wouldn't it be much simpler to have just one bundle, where you will include all the scripts you need?

这可能会稍微简化开发过程，因为您不需要寻找相应的包来包含。但是让我们从另一个角度来看这个。

在 asp.net forum以下是它的智慧:

Bundling and minification are two techniques you can use in ASP.NET 4.5 to improve request load time. Bundling and minification improves load time by reducing the number of requests to the server and reducing the size of requested assets (such as CSS and JavaScript.)

因此，我们进行捆绑以加快工作速度。如果您创建了一个没有 bootstrap.js 的简单表单页面，该怎么办？需要。如果您有兴趣加快一切速度，为什么要加载它呢？

最佳性能选项是将您可能需要的所有可能的 js 文件组合放在一个单独的包中。每个页面只发出一个请求来获取它需要的所有 js。然而，这种事情的方式是相当难以维持的。

因此，由您决定您对哪个方面感兴趣。