[Bundling and Minification ] 一、如何绑定

      绑定和压缩(缩小)是ASP.NET 4.5出现的用来提高程序性能的两个重要的技术。绑定(Bundling)是将多个文件合并为一个文件,压缩(Minification)主要是将文件缩小,如Js 、CSS代码的换行缩进等。

       新建的MVC示例项目中[App_Start]文件夹中有一个BundleConfig.cs类。提供了一个注册绑定的方法。用户可以根据业务需要将一些文件合并在一起。以下代码将[Content]文件夹下的css1.css和css2.css两个文件合并在一起。

bundles.Add(new ScriptBundle("~/bundles/css").Include("~/Content/css1.css", "~/Content/css2.css"));

      在页面中引入合并后的css文件,代码如下

 @Styles.Render("~/bundles/css")

css1.css和css2.css文件内容如下:

注意,要想启用合并还需一步,将工程根目录下的Web.config中的配置做如下修改:

<compilation debug="true" targetFramework="4.5.2"/>

改为

<compilation debug="false" targetFramework="4.5.2"/>

若不修改则不会合并。

在浏览器中运行引入此bunding的Css文件的页面。得到如下效果

<link href="/bundles/css?v=e7dtJgld-2c4fpW7kxrDYp4Ij0v7Qohb_uyLu8YzzXQ1" rel="stylesheet"/>

点击以上href连接后打开的css文件由css1.css和css2.css合并而来。

*{padding:0px; margin:0px;}
;
*{font:14px;}
;

 

posted @ 2016-03-11 15:19  Doublejun  阅读(190)  评论(0编辑  收藏  举报