ASP.NETMVC4如何进行捆绑和缩小多个css和js文件-创新互联

小编给大家分享一下ASP.NET MVC 4如何进行捆绑和缩小多个css和 js 文件,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联-专业网站定制、快速模板网站建设、高性价比新林网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式新林网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖新林地区。费用合理售后完善,十年实体公司更值得信赖。

在 ASP.NET MVC 4 中可捆绑多个 css 和 js 文件以减少HTTP请求,并对 css 和 js 文件进行压缩(缩小),这样可提高网站的加载速度。我们选取博客园的 css 文件来看看,在 ASP.NET MVC 4 前,我们引入 css 方法如下:





在 IE 中使用 F12 查看结果,如图:


ASP.NET MVC 4如何进行捆绑和缩小多个css和 js 文件

在 ASP.NET MVC 4 中,使用下边写法引入 css 文件:



重新运行,结果如下:


ASP.NET MVC 4如何进行捆绑和缩小多个css和 js 文件




可以清楚的看到,在 ASP.NET MVC 4 中使用新方法引入 css 时,网站运行时不仅合并了 css 文件而且压缩了 css 中的代码。双击 css 文件,在响应正文中可以看到:

ASP.NET MVC 4如何进行捆绑和缩小多个css和 js 文件

对 js 文件的处理方式同 css 相同,引入方法如下:





ASP.NET MVC 4 中捆绑时,css 排序规则为:先加载 reset.css、normalize.css,其他文件按首字母排序,类似地 js 排序规则为 jquery.js、jquery-ui.js 其他文件同样按首字母排序。有时我们需要在不同页面加载不同的 css 或 js 文件,以减少不必要的文件,下边就让我们看看怎么自定义一个捆绑。

在 Global.asax.cs 文件 Application_Start() 中添加如下代码:


//定义名为"mycss"的捆绑,js对应为 new JsMinify()
var b = new Bundle("~/mycss", new CssMinify());
//添加Content文件夹下的所有css文件到捆绑
//第三个参数false表示,Content文件夹下的子文件夹下不添加到捆绑
b.AddDirectory("~/Content", "*.css", false);
//添加到BundleTable
BundleTable.Bundles.Add(b);



这样在需要使用的页面,加入下边的代码即可:



以上是“ASP.NET MVC 4如何进行捆绑和缩小多个css和 js 文件”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网站名称:ASP.NETMVC4如何进行捆绑和缩小多个css和js文件-创新互联
标题链接:http://scyanting.com/article/coecjs.html