主頁 > 知識庫 > ASP.NET MVC Bundles 用法和說明(打包javascript和css)

ASP.NET MVC Bundles 用法和說明(打包javascript和css)

熱門標簽:地圖標注的公司有哪些 地圖定位圖標標注 遂寧市地圖標注app 濮陽外呼電銷系統怎么樣 天心智能電銷機器人 地圖標注專業(yè)團隊 塔城代理外呼系統 代理接電話機器人如何取消 400電話辦理哪家性價比高

在網頁中,我們經常需要引用大量的javascript和css文件,在加上許多javascript庫都包含debug版和經過壓縮的release版(比如jquery),不僅麻煩還很容易引起混亂,所以ASP.NET MVC4引入了Bundles特性,使得我們可以方便的管理javascript和css文件。

原來,我們引用css和javascript文件我們需要這樣一個一個的引用:

復制代碼 代碼如下:

scriptsrc="~/Scripts/jquery-1.8.2.js">/script>
scriptsrc="~/Scripts/jquery-ui-1.8.24.js">/script>
scriptsrc="~/Scripts/jquery.validate.js">/script>
linkhref="~/Content/Site.css"rel="stylesheet"/>

當需要引用文件的數量較少時還好,但一旦每個頁面都需要引用較多文件時,會造成極大的不便,當我們想更換某個引用文件時,將會浪費大量的時間。發(fā)布時,還要將一些庫替換成release版,比如上面的jquery-1.8.2.js所對應的jquery-1.8.2.min.js

還好,現在我們可以使用Bundles特性:

復制代碼 代碼如下:

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 StyleBundle("~/Content/css")
        .Include("~/Content/site.css"));
    }
}

接著在Global.asax文件的Application_Start方法中調用BundleConfig.RegisterBundles方法:

復制代碼 代碼如下:

protected void Application_Start()
{
    AreaRegistration.RegisterAllAreas();
    WebApiConfig.Register(GlobalConfiguration.Configuration);
    FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
    RouteConfig.RegisterRoutes(RouteTable.Routes);
    BundleConfig.RegisterBundles(BundleTable.Bundles);
}

在上面我們可以看到我們按照功能的不同,將不同的文件分到了相應的Bundle(Bundle就是包的意思),其中構造函數中的string參數是Bundle的名稱,Include函數是將參數相應的文件包含成一個Bundle??梢园l(fā)現,對于jquery庫我們使用了這樣的名稱~/Scripts/jquery-{version}.js,其中{version}部分代表版本號的意思,MVC將會替我們在Scripts文件中尋找對應的"jquery-版本號.js"文件,并且在非debug模式下,MVC則會使用“jquery-版本號.min.js"文件。

我們還看到我們使用了這樣的名稱~/Scripts/jquery.validate*的名稱,*是一個通配符,這就意味著Scripts文件夾下的所有前綴為jquery.validate的文件都將包含在同一個Bundle中。

最后,我們可以View上使用Bundle來代替原來引用的方式:

復制代碼 代碼如下:

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/jquery")

您可能感興趣的文章:
  • ASP.NET MVC下Bundle的使用方法
  • Asp.net MVC下使用Bundle合并、壓縮js與css文件詳解
  • ASP.NET MVC中使用Bundle打包壓縮js和css的方法
  • 使用asp.net MVC4中的Bundle遇到的問題及解決辦法分享
  • 基于Asp.Net MVC4 Bundle捆綁壓縮技術的介紹
  • 詳解Asp.Net MVC的Bundle捆綁

標簽:吉林 河南 重慶 婁底 宜春 麗江 汕頭 本溪

巨人網絡通訊聲明:本文標題《ASP.NET MVC Bundles 用法和說明(打包javascript和css)》,本文關鍵詞  ASP.NET,MVC,Bundles,用法,和,;如發(fā)現本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《ASP.NET MVC Bundles 用法和說明(打包javascript和css)》相關的同類信息!
  • 本頁收集關于ASP.NET MVC Bundles 用法和說明(打包javascript和css)的相關信息資訊供網民參考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章