MVC如何新建 BundleConfig

在空白專案裡新增BundleConfig

1.安裝Nuget Package Microsoft.AspNet.Web.Optimization到專案裡
開啟 工具>NuGet套件管理員>套件管理器主控台
輸入 Install-Package Microsoft.AspNet.Web.Optimization

2.新增BundleConfig.cs檔
在APP_Start裡新增BundleConfig.cs，並加入以下內容

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

namespace yourprojectname
{
    public class BundleConfig
    {
        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*"));
            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include("~/Scripts/modernizr-*"));
        }
    }
}

3.修改Global.asax，加入以下內容

using System.Web.Optimization;

void Application_Start(object sender, EventArgs e)
{
    ...
    BundleConfig.RegisterBundles(BundleTable.Bundles);
}

4.修改在專案web.config跟views資料夾下的web.config
加入命名空間

namespace="System.Web.Optimization"

5.在cshtml檔裡 render bundle，開始使用bundle打包的功能

@Scripts.Render("~/bundles/jquery"")
@Scripts.Render("~/bundles/jqueryval"")

參考
stackoverflow.com
aspnetmars.blogspot.com