绑定和压缩(缩小)是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;} ;