淺談ASP.NET中MVC 4 的JS/CSS打包壓縮功能

更新時間：2015年06月15日 11:37:13 投稿：hebedich

打包(Bundling)及壓縮(Minification)指的是將多個js文件或css文件打包成單一文件并壓縮的做法，如此可減少瀏覽器需下載多個文件案才能完成網(wǎng)頁顯示的延遲感等，能有效縮小文件案體積，提高傳輸效率，提供使用者更流暢的瀏覽體驗。

今天在使用MVC4打包壓縮功能@Scripts.Render("~/bundles/jquery") 的時候產(chǎn)生了一些疑惑，問什么在App_Start文件夾下BundleConfig.cs文件內(nèi)

bundles.Add(new ScriptBundle("~/bundles/jquery").Include( 
            "~/Scripts/jquery-{version}.js", 
            "~/Scripts/jquery.unobtrusive-ajax.js" 
            ));

這樣寫可以，但是

bundles.Add(new ScriptBundle("~/bundles/jquery").Include( 
            "~/Scripts/jquery-{version}.js", 
            "~/Scripts/jquery.unobtrusive-ajax.min.js" 
            ));

這樣寫卻不可以，我的目錄里明明有

"~/Scripts/jquery.unobtrusive-ajax.min.js"

這個文件啊

通過調(diào)試跟蹤發(fā)現(xiàn)，MVC內(nèi)部已經(jīng)對“.min.js”文件做了過濾

通過反編譯這個DLL文件

可以看到下面反編譯后的代碼：

public static void AddDefaultIgnorePatterns(IgnoreList ignoreList) 
{ 
  if (ignoreList == null) 
  { 
    throw new ArgumentNullException("ignoreList"); 
  } 
  ignoreList.Ignore("*.intellisense.js"); 
  ignoreList.Ignore("*-vsdoc.js"); 
  ignoreList.Ignore("*.debug.js", OptimizationMode.WhenEnabled); 
  ignoreList.Ignore("*.min.js", OptimizationMode.WhenDisabled); 
  ignoreList.Ignore("*.min.css", OptimizationMode.WhenDisabled); 
}

由此我們可以知道MVC默認幫我們過濾了后綴名為 .intellisense.js、-vsdoc.js、.debug.js、.min.js、.min.css的文件，這也就是我們引用.min.js文件不起作用的原因了。

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

.Net Compact Framework開發(fā)小技巧推薦
這篇文章對于.Net Compact Framework開發(fā)的朋友有一定的幫助，內(nèi)容比較實用。
2009-02-02
區(qū)分ASP.NET中g(shù)et方法和post方法
我們都知道，get是從服務(wù)器上獲取數(shù)據(jù)，post是向服務(wù)器上傳數(shù)據(jù)。本文主要介紹ASP.NET中g(shù)et方法和post方法的區(qū)別，需要的朋友可以參考下
2015-10-10
在jquery repeater中添加設(shè)置日期,下拉,復(fù)選框等控件
JQueryElement 更新到了 3.5.1, 今天給大家主要講下如何在 Repeater 的模板中添加設(shè)置一些控件.
2011-10-10
C#獲取當(dāng)前頁面的URL示例代碼
獲取當(dāng)前頁面的URL在某些情況下還是比較使用的，下面為大家介紹下如何通過C#以及Javascript獲取當(dāng)前頁面的URL，感興趣的朋友不要錯過
2013-11-11
asp.net實現(xiàn)根據(jù)城市獲取天氣預(yù)報的方法
這篇文章主要介紹了asp.net實現(xiàn)根據(jù)城市獲取天氣預(yù)報的方法,涉及asp.net調(diào)用新浪接口獲取天氣預(yù)報信息的實現(xiàn)技巧,非常簡單實用,需要的朋友可以參考下
2015-12-12
asp.net讀取excel中的數(shù)據(jù)并綁定在gridview
這篇文章主要介紹了asp.net讀取excel中的數(shù)據(jù)并綁定在gridview上的方法,需要的朋友可以參考下
2014-02-02
ASP.net中保持頁面中滾動條狀態(tài)的代碼
在ASP.Net頁面中，每次回發(fā)都會造成頁面回到頂部，那么怎樣讓它保持刷新頁面前的位置上，使得頁面提交后還在原來的位位置。
2011-06-06
asp.net 關(guān)于==?:和if()else()條件判斷等效例子
關(guān)于==?:和if()else() 等效例子
2010-03-03
.NET下為百度文本編輯器UEditor增加圖片刪除功能示例
今天下載了目前最新版1.2.5為版本看更新記錄,主要是對表格做個修改,我下載用上,上傳圖片的刪除功能給取消了,下面與大家分享下增加圖片刪除功能示例
2013-05-05
ASP.NET微信公眾號之用戶分組管理web頁面
這篇文章主要為大家詳細介紹了ASP.NET微信公眾號之用戶分組管理web頁面,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-11-11