基于Asp .净MVC4捆绑包捆绑压缩技术的介绍

很高兴，最近项目用到了Asp .净MVC4实体框架5,发现mvc4加入了捆绑、网络应用编程接口等技术，着实让我兴奋，以前是用第三方的，这里主要说说捆技术。很多大网站都没有用捆技术造成很多资源浪费与性能的牺牲，别小瞧用上了你会发现他的好处：将多个请求捆绑为一个请求，减少服务器请求数没有使用捆技术，调试下看到的是实际的请求数与路径

使用捆技术，并且拥有缓存功能调试设置为释放；排放；发布模式并按F5或修改web.config，就可以看到合并与压缩的效果

压缩javascript，css等资源文件，减小网络带宽，提升性能

后台配置MVC4在架构上有些变动，简化了原来的Global.asax，增加了一些静态的配置文件在应用程序_开始下面，留意下BundleConfig.cs，顾名思义是捆的配置，所有它的配置在这里进行就可以了，当然也可以单独的配置文件。复制代码代码如下：公共类BundleConfig { //有关捆绑的更多信息，请访问http://go.microsoft.com/fwlink/?LinkId=254725公共静态void RegisterBundles(BundleCollection bundles){ bundles .添加（新的脚本包(' ~/bundle/jquery ').包括(' ~/Scripts/jquery-{version}).js’)；捆绑包。添加（新的脚本包(' ~/bundles/jqueryui ').包括(' ~/Scripts/jquery-ui-{version}).js’)；捆绑包。添加（新的脚本包(' ~/bundles/jqueryval ').包括(' ~/Scripts/jquery。包括* '，' ~/Scripts/jquery。验证* ')；//使用Modernizr的开发版本进行开发和学习。然后，当您准备好投入生产时，使用http://modernizr.com的构建工具只挑选您需要的测试。捆绑包。添加（新的脚本包(' ~/bundle/modernizr ').包括(' ~/Scripts/modernizr-*)；捆绑包。添加（新的StyleBundle('~/Content/css ').包含(' ~/内容/网站。CSS ')；捆绑包。添加（新的样式表(' ~/内容/主题/基础/CSS ').包括(' ~/Content/themes/base/jquery。ui。核心。CSS '，' ~/Content/themes/base/jquery。ui。可调整大小。CSS '，' ~/Content/themes/base/jquery。ui。选中。CSS '，' ~/Content/themes/base/jquery。ui。手风琴。CSS '，' ~/Content/themes/base/jquery。ui。CSS '，' ~/Content/themes/base/jquery。ui。按钮。CSS '，' ~ '} }这里大家可以按模块化去配置，我们看到的下面的全球资源定位器(统一资源定位符)对应的就是上面的捆绑包。添加（.)所增加的js、css的虚拟路径需要注意的是不同虚拟路径增加的相同的资源文件，会被重复加载！

前台调用对于公共的资源文件，通常我们都会放到_Layout.cshtml (webform中的母板页)文件中脚本文件引用：@脚本。渲染（虚拟路径[,虚拟路径1][,虚拟路径2][,])CSS文件引用：@ Styles .渲染（虚拟路径[,虚拟路径1][,虚拟路径2][,])复制代码代码如下： @ Styles .呈现(' ~/Content/CSS ')@样式。渲染(~/内容/主题/基础/css).@脚本渲染(' ~/bundle/jquery ')@脚本.render(' ~/bundles/jqueryui ')@ render节(' scripts '，required: false)正则匹配需要的，过滤不需要的复制代码代码如下：包忽略列表。clear()；捆绑包忽略列表。忽略(' *。调试。js’)；捆绑包忽略列表。忽略(' *。量滴js’)；捆绑包忽略列表。忽略(' *-vsdoc。js’)；捆绑包忽略列表。忽略(' * intellisense。js’)；捆绑包。添加（新的ScriptBundle('~/bundles/jquery '，jqueryCdn).包括(' ~/Scripts/jquery-{version}).js’)；//匹配jquery版本捆绑包。添加（新的脚本包(' ~/bundles/jqueryval ').包括(' ~/Scripts/jquery。包括* '，//匹配文件名前缀为jquery。包括' ~/Scripts/jquery。验证* ')；使用加拿大复制代码代码如下：包UseCdn=true//使用加拿大字符串jqueryCdn=' http : eom。JB 51。net/jslib/jquery/jquery-1。7 .1 .量滴js '；捆绑包。添加（新的ScriptBundle('~/bundles/jquery '，jqueryCdn).包括(' ~/Scripts/jquery-{version}).js’)；当内容交付网络服务器挂了或不能访问了，这里就会选择本地的资源文件，调试下手动音量调节会让我们看到他原来的面具，这点非常好利于我们调试