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

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

　　今天在使用MVC4打包壓縮功能@Scripts.Render("~/bundles/jquery") 的時候產生了一些疑惑，問什麼在App_Start檔案夾下BundleConfig.cs檔案內

　　?

1 2 3 4

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

　　這樣寫可以，但是

　　?

1 2 3 4

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

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

　　?

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

　　這個檔案啊

　　通過調試跟蹤發現，MVC內部已經對“.min.js”檔案做了過濾

　　通過反編譯這個DLL檔案

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

　　?

1 2 3 4 5 6 7 8 9 10 11 12

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檔案不起作用的原因了。

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