小編給大家分享一下ASP.NET MVC 4如何進行捆綁和縮小多個css和 js 文件，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比新林網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式新林網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋新林地區(qū)。費用合理售后完善，十年實體公司更值得信賴。

在 ASP.NET MVC 4 中可捆綁多個 css 和 js 文件以減少HTTP請求，并對 css 和 js 文件進行壓縮（縮小），這樣可提高網(wǎng)站的加載速度。我們選取博客園的 css 文件來看看，在 ASP.NET MVC 4 前，我們引入 css 方法如下：

在 IE 中使用 F12 查看結(jié)果，如圖：




在 ASP.NET MVC 4 中，使用下邊寫法引入 css 文件：



重新運行，結(jié)果如下：

可以清楚的看到，在 ASP.NET MVC 4 中使用新方法引入 css 時，網(wǎng)站運行時不僅合并了 css 文件而且壓縮了 css 中的代碼。雙擊 css 文件，在響應(yīng)正文中可以看到：

對 js 文件的處理方式同 css 相同，引入方法如下：

ASP.NET MVC 4 中捆綁時，css 排序規(guī)則為：先加載 reset.css、normalize.css，其他文件按首字母排序，類似地 js 排序規(guī)則為 jquery.js、jquery-ui.js 其他文件同樣按首字母排序。有時我們需要在不同頁面加載不同的 css 或 js 文件，以減少不必要的文件，下邊就讓我們看看怎么自定義一個捆綁。

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

//定義名為"mycss"的捆綁,js對應(yīng)為 new JsMinify()
var b = new Bundle("~/mycss", new CssMinify());
//添加Content文件夾下的所有css文件到捆綁
//第三個參數(shù)false表示，Content文件夾下的子文件夾下不添加到捆綁
b.AddDirectory("~/Content", "*.css", false);
//添加到BundleTable
BundleTable.Bundles.Add(b);

這樣在需要使用的頁面，加入下邊的代碼即可：

以上是“ASP.NET MVC 4如何進行捆綁和縮小多個css和 js 文件”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前題目：ASP.NETMVC4如何進行捆綁和縮小多個css和js文件-創(chuàng)新互聯(lián)
文章路徑：http://weahome.cn/article/coecjs.html