ASP.NET MVC Bundles 用法和说明（打包javascrip…
2018-06-22 06:13:09来源：未知 阅读 ()
本文主要介绍了ASP.NET MVC中的新功能Bundles，利用Bundles可以将javascript和css文件打包压缩，并且可以区分调试和非调试，在调试时不进行压缩，以原始方式显示出来，以方便查找问题。
在网页中，我们经常需要引用大量的javascript和css文件，在加上许多javascript库都包含debug版和经过压缩的release版(比如jquery),不仅麻烦还很容易引起混乱，所以ASP.NET MVC4引入了Bundles特性，使得我们可以方便的管理javascript和css文件。
原来，我们引用css和javascript文件我们需要这样一个一个的引用:
1 <scriptsrc="~/Scripts/jquery-1.8.2.js"></script> 2 <scriptsrc="~/Scripts/jquery-ui-1.8.24.js"></script> 3 <scriptsrc="~/Scripts/jquery.validate.js"></script> 4 <linkhref="~/Content/Site.css"rel="stylesheet"/>
当需要引用文件的数量较少时还好，但一旦每个页面都需要引用较多文件时，会造成极大的不便，当我们想更换某个引用文件时，将会浪费大量的时间。发布时，还要将一些库替换成release版，比如上面的jquery-1.8.2.js所对应的jquery-1.8.2.min.js
还好，现在我们可以使用Bundles特性：
1 public class BundleConfig 2 { 3 public static void RegisterBundles(BundleCollection bundles) 4 { 5 bundles.Add(new ScriptBundle("~/bundles/jquery") 6 .Include("~/Scripts/jquery-{version}.js")); 7 bundles.Add(new ScriptBundle("~/bundles/jqueryui") 8 .Include("~/Scripts/jquery-ui-{version}.js")); 9 bundles.Add(new ScriptBundle("~/bundles/jqueryval") 10 .Include("~/Scripts/jquery.unobtrusive*" 11 ,"~/Scripts/jquery.validate*")); 12 bundles.Add(new StyleBundle("~/Content/css") 13 .Include("~/Content/site.css")); 14 } 15 }
接着在Global.asax文件的Application_Start方法中调用BundleConfig.RegisterBundles方法:
1 protected void Application_Start() 2 { 3 AreaRegistration.RegisterAllAreas(); 4 WebApiConfig.Register(GlobalConfiguration.Configuration); 5 FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters); 6 RouteConfig.RegisterRoutes(RouteTable.Routes); 7 BundleConfig.RegisterBundles(BundleTable.Bundles); 8 }
在上面我们可以看到我们按照功能的不同，将不同的文件分到了相应的Bundle(Bundle就是包的意思)，其中构造函数中的string参数是Bundle的名称，Include函数是将参数相应的文件包含成一个Bundle。可以发现，对于jquery库我们使用了这样的名称~/Scripts/jquery-{version}.js，其中{version}部分代表版本号的意思，MVC将会替我们在Scripts文件中寻找对应的"jquery-版本号.js"文件，并且在非debug模式下，MVC则会使用“jquery-版本号.min.js"文件。
我们还看到我们使用了这样的名称~/Scripts/jquery.validate*的名称，*是一个通配符，这就意味着Scripts文件夹下的所有前缀为jquery.validate的文件都将包含在同一个Bundle中。
最后，我们可以View上使用Bundle来代替原来引用的方式:
1 @Styles.Render("~/Content/css") 2 @Scripts.Render("~/bundles/jquery")
转载自http://www.jb51.net/article/82174.htm
作者：tuohaibei
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- asp.net源程序编译为dll文件并调用的实现过程 2020-03-29
- Asp.net MVC SignalR来做实时Web聊天实例代码 2020-03-29
- ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据 2020-03-29
- Asp.Net中WebForm的生命周期 2020-03-29
- ASP.NET使用Ajax返回Json对象的方法 2020-03-23
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
