MVC.Net：添加第三方類庫的bundles引用

標籤：style   c   http   a   get   使用   

以jQuery Mobile為例。當我們用nuget添加jQuery Mobile的package後，需要在項目中引用jQuery Mobile。傳統的做法是在html頁面上添加

<link href="/Content/jquery.mobile-1.4.2.css" rel="stylesheet"/>

和

<script src="/Scripts/jquery.mobile-1.4.2.js"></script>

不過在MVC.Net裡我們可以用Scripts.Render和Styles.Render來實現。

1.  在_layout.cshtml頁面或是其它特定頁面上，添加

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

@Styles.Render("~/Content/css")

2.  編輯BundleConfig類，添加

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

和

bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/jquery.mobile-1.4.2.css"));

 

儲存並運行程式，你就能開始使用jQuery Mobile。這中做法比傳統做法的優點在於調用的第三方類庫的版本能夠統一在BundleConfig類中管理，從而減少升級版本帶來的影響。