[ASP.NET MVC 4] Bundle最佳化和打包JS、CSS

於 ViewsShared_Layout.cshtml 中可看到
[csharp]
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
[csharp]
可以看到載入 CSS, JS 使用了 HTML Helper 的方式，因此才有打包的能力。

ASP.NET MVC 4中新增了「App_Start」資料夾，「BundleConfig.cs」就是最佳化和打包的設定檔。
以下為該類別的語法解釋：

1. {version}
[csharp]
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-{version}.js"));
[/csharp]
利用 {version} 變數，可以載入Script中多個不同版本的檔案，因此要注意不要有奇怪的檔案在目錄中。

2. 萬用字元
[csharp]
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
"~/Scripts/modernizr-*"));
[/csharp]
以「*」表示