MVC5手工添加System.Web.Optimization

VS2012web手工添輯一個空的mvC5的項目，添加EF6的支持，在別的項目里復制了母版頁_Layout.cshtml過來，發現Styles.Render未引用，這個引用使用的命名空間是System.Web.Optimization，直接在項目里添加是找不到的，如是在NuGet命令行添加Install-Package Microsoft.AspNet.Web.Optimization

PM> Install-Package Microsoft.AspNet.Web.Optimization
正在嘗試解析依賴項“Microsoft.Web.Infrastructure (≥ 1.0.0)”。
正在嘗試解析依賴項“WebGrease (≥ 1.5.2)”。
正在嘗試解析依賴項“Antlr (≥ 3.4.1.9004)”。
正在嘗試解析依賴項“Newtonsoft.Json (≥ 5.0.4)”。
正在安裝“Antlr 3.4.1.9004”。
已成功安裝“Antlr 3.4.1.9004”。
正在安裝“Newtonsoft.Json 5.0.8”。
已成功安裝“Newtonsoft.Json 5.0.8”。
正在安裝“WebGrease 1.5.2”。
您正在從 [e-mail] 下載 WebGrease，有關此程序包的許可協議在 http://www.microsoft.com/web/webpi/eula/msn_webgrease_eula.htm 上提供。請檢查此程序包是否有其他依賴項，這些依賴項可能帶有各自的許可協議。您若使用程序包及依賴項，即構成您接受其許可協議。如果您不接受這些許可協議，請從您的設備中刪除相關組件。
已成功安裝“WebGrease 1.5.2”。
正在安裝“Microsoft.AspNet.Web.Optimization 1.1.3”。
您正在從 Microsoft 下載 Microsoft.AspNet.Web.Optimization，有關此程序包的許可協議在 http://www.microsoft.com/web/webpi/eula/aspnetcomponent_rtw_enu.htm 上提供。請檢查此程序包是否有其他依賴項，這些依賴項可能帶有各自的許可協議。您若使用程序包及依賴項，即構成您接受其許可協議。如果您不接受這些許可協議，請從您的設備中刪除相關組件。
已成功安裝“Microsoft.AspNet.Web.Optimization 1.1.3”。

到已成功安裝"Microsoft.AspNet.Web.Optimization 1.1.3"這時就已經安裝成功了，會自動給你的項目添加相關dll

此時發現Styles.Render依然不可用，於是乎，我們給他增加命名空間View下面的webConfig添加

    <pages pageBaseType="System.Web.Mvc.WebViewPage">
      <namespaces>
        <add namespace="System.Web.Mvc" />
        <add namespace="System.Web.Mvc.Ajax" />
        <add namespace="System.Web.Mvc.Html" />
        <add namespace="System.Web.Routing" />
        <add namespace="System.Web.Optimization"/>
      </namespaces>
    </pages>

再次，在App_start下手工添加BundleConfig文件來加載css和js文件

using System.Web;
using System.Web.Optimization;

namespace FoodCountSystem
{
    public class BundleConfig
    {
        // 有關 Bundling 的詳細信息，請訪問 http://go.microsoft.com/fwlink/?LinkId=254725
        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                        "~/Scripts/jquery-ui-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.unobtrusive*",
                        "~/Scripts/jquery.validate*"));

            // 使用要用於開發和學習的 Modernizr 的開發版本。然后，當你做好
            // 生產准備時，請使用 http://modernizr.com 上的生成工具來僅選擇所需的測試。
            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                        "~/Scripts/modernizr-*"));

            bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));

            bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                        "~/Content/themes/base/jquery.ui.core.css",
                        "~/Content/themes/base/jquery.ui.resizable.css",
                        "~/Content/themes/base/jquery.ui.selectable.css",
                        "~/Content/themes/base/jquery.ui.accordion.css",
                        "~/Content/themes/base/jquery.ui.autocomplete.css",
                        "~/Content/themes/base/jquery.ui.button.css",
                        "~/Content/themes/base/jquery.ui.dialog.css",
                        "~/Content/themes/base/jquery.ui.slider.css",
                        "~/Content/themes/base/jquery.ui.tabs.css",
                        "~/Content/themes/base/jquery.ui.datepicker.css",
                        "~/Content/themes/base/jquery.ui.progressbar.css",
                        "~/Content/themes/base/jquery.ui.theme.css"));
        }
    }
}

然后在Global.asax中注冊BundleConfig.RegisterBundles(BundleTable.Bundles);

到這里，mvc的母版頁已正常可以使用了，並用可以使用BundleTable.Bundles來加載js和css文件，這個方法確實非常實用，且功能強大，能夠壓縮合並js和CSS，並且自己很容易擴展，方便快捷。