MVC框架 - Bundling

MVC框架Bundling - 从基本到高级概念的简单简单步骤学习Web设计中的MVC框架，其中包括简介，体系结构和流程，MVC和ASP.NET Web窗体，文件夹，模型，控制器，视图，布局，路由引擎等示例，过滤器和动作过滤器，第一个应用程序，高级MVC示例，Ajax支持，异常处理，捆绑和缩小。

捆绑和缩小是两种性能改进技术，可以改善应用程序的请求加载时间.大多数当前主流浏览器将每个主机名的同时连接数限制为六个.这意味着，每次所有其他请求都将由浏览器排队.

启用捆绑和缩小

启用捆绑和缩小在您的MVC应用程序中，打开解决方案中的Web.config文件.在此文件中，搜索system.web :

默认情况下，您将看到debug参数设置为true，这意味着禁用了捆绑和缩小.将此参数设置为false.

捆绑

为了提高应用程序的性能，ASP.NET MVC提供了内置功能，可将多个文件捆绑为一个单个文件，由于HTTP请求较少，反过来又提高了页面加载性能.

捆绑是一个简单的逻辑逻辑组，可以通过唯一名称引用并加载单个HTTP请求.

默认情况下，MVC应用程序的BundleConfig(位于App_Start文件夹中)附带以下代码 :

public static void RegisterBundles(BundleCollection bundles) {       // Following is the sample code to bundle all the css files in the project               // The code to bundle other javascript files will also be similar to this      bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(       "~/Content/themes/base/jquery.ui.core.css",       "~/Content/themes/base/jquery.ui.tabs.css",       "~/Content/themes/base/jquery.ui.datepicker.css",        "~/Content/themes/base/jquery.ui.progressbar.css",       "~/Content/themes/base/jquery.ui.theme.css")); }

上述代码基本上将Content/themes/base文件夹中的所有CSS文件捆绑到一个文件中.

缩小

缩小是另一种这样的性能改进技术，它通过缩短变量名，删除不必要的空格，换行符，注释来优化javascript，css代码，这反过来减少了文件大小，并帮助应用程序加载更快.

使用Visual Studio和Web Essentials Extension进行缩小

使用此方法选项，您必须首先在Visual Studio中安装Web Essentials Extension.之后，当您右键单击任何css或javascript文件时，它将显示创建该文件的缩小版本的选项.

MVC Bundling Minify

因此，如果你有一个名为Site.css的css文件，它将把它的缩小版本创建为Site.min.css.

现在，当您的应用程序下次在浏览器中运行时，它将捆绑并缩小所有css和js文件，从而提高应用程序性能.