主頁 > 知識庫 > 基于Asp.Net MVC4 Bundle捆綁壓縮技術(shù)的介紹

基于Asp.Net MVC4 Bundle捆綁壓縮技術(shù)的介紹

熱門標簽:廈門四川外呼系統(tǒng) 山東防封電銷卡辦理套餐 濟源人工智能電話機器人價格 杭州智能電話機器人 地圖標注位置多的錢 百度地圖標注點擊事件 泰州手機外呼系統(tǒng)軟件 怎樣在地圖標注消火栓圖形 內(nèi)蒙古智能電銷機器人哪家強

很高興,最近項目用到了Asp.Net MVC4 + Entity Framework5,發(fā)現(xiàn)mvc4加入了Bundle、Web API等技術(shù),著實讓我興奮,以前是用第三方的,這里主要說說Bundle技術(shù)。

很多大網(wǎng)站都沒有用Bundle技術(shù)造成很多資源浪費與性能的犧牲,別小瞧 用上了你會發(fā)現(xiàn)他的好處:

將多個請求捆綁為一個請求,減少服務(wù)器請求數(shù)

 沒有使用Bundle技術(shù),debug下看到的是實際的請求數(shù)與路徑

 

使用Bundle技術(shù),并且擁有緩存功能
調(diào)試設(shè)置為Release模式并按F5或修改web.config,就可以看到合并與壓縮的效果

壓縮javascript,css等資源文件,減小網(wǎng)絡(luò)帶寬,提升性能

后臺配置

  MVC4在架構(gòu)上有些變動,簡化了原來的Global.asax,增加了一些靜態(tài)的配置文件在App_Start下面,留意下BundleConfig.cs,顧名思義是Bundle的配置,所有它的配置在這里進行就可以了,當然也可以單獨的配置文件。

復(fù)制代碼 代碼如下:
public class BundleConfig { // For more information on Bundling, visit 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*")); // Use the development version of Modernizr to develop with and learn from. Then, when you're // ready for production, use the build tool at http://modernizr.com to pick only the tests you need. 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")); } }

這里大家可以按模塊化去配置,我們看到的下面的Url對應(yīng)的就是上面的bundles.Add(...) 所增加的js、css的virtualPath

需要注意的是不同virtualPath 增加的相同的資源文件,會被重復(fù)加載!

前臺調(diào)用

 對于公共的資源文件,通常我們都會放到_Layout.cshtml (webform中的母板頁) 文件中

   Script文件引用:@Scripts.Render(virtualPath[,virtualPath1][,virtualPath2][,...])
   CSS文件引用:  @Styles.Render(virtualPath[,virtualPath1][,virtualPath2][,...])

復(fù)制代碼 代碼如下:
@Styles.Render("~/Content/css") @Styles.Render("~/Content/themes/base/css")
...
@Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/jqueryui") @RenderSection("scripts", required: false)

正則匹配需要的,過濾不需要的

復(fù)制代碼 代碼如下:
bundles.IgnoreList.Clear(); bundles.IgnoreList.Ignore("*.debug.js"); bundles.IgnoreList.Ignore("*.min.js"); bundles.IgnoreList.Ignore("*-vsdoc.js"); bundles.IgnoreList.Ignore("*intellisense.js"); bundles.Add(new ScriptBundle("~/bundles/jquery", jqueryCdn).Include( "~/Scripts/jquery-{version}.js")); //匹配jquery版本    bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include( "~/Scripts/jquery.unobtrusive*", //匹配文件名前綴為jquery.unobtrusive "~/Scripts/jquery.validate*")); ...

使用CDN

復(fù)制代碼 代碼如下:
bundles.UseCdn = true; //使用CDN string jqueryCdn = "http:deom.jb51.net/jslib/jquery/jquery-1.7.1.min.js"; bundles.Add(new ScriptBundle("~/bundles/jquery", jqueryCdn).Include( "~/Scripts/jquery-{version}.js"));

當cdn服務(wù)器掛了或不能訪問了,這里就會選擇本地的資源文件,debug下mvc 會讓我們看到他原來的面具,這點非常好利于我們調(diào)試?! ?BR>   

 

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

標簽:周口 洛陽 朔州 朝陽 新鄉(xiāng) 百色 喀什 臺州

巨人網(wǎng)絡(luò)通訊聲明:本文標題《基于Asp.Net MVC4 Bundle捆綁壓縮技術(shù)的介紹》,本文關(guān)鍵詞  基于,Asp.Net,MVC4,Bundle,捆綁,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《基于Asp.Net MVC4 Bundle捆綁壓縮技術(shù)的介紹》相關(guān)的同類信息!
  • 本頁收集關(guān)于基于Asp.Net MVC4 Bundle捆綁壓縮技術(shù)的介紹的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章