System.Web.Optimization对脚本和样式表的压缩操作
2024-10-19 13:28:35
1 是否允许样式表压缩 BundleTable.EnableOptimizations = true;
在MVC项目中的 BundleConfig操作中是微软已经给我们准备好的CSS和JS压缩,我们可以把模版页的样式表和脚本放入这个地方压缩(子页太多,所以另作压缩)。这个配置文件在App_Start文件夹下,Global.asax在全局配置文件下,会启用这个配置文件,对EnableOptimizations设置后,可以允许压缩和不允许操作
1 bundles.Add(new StyleBundle("~/bundles/styles/benefits").Include( "~/Content/Benefits/BenefitsMaster.css",
2 "~/Content/Benefits/BenefitsHead.css" ));
3 bundles.Add(new ScriptBundle("~/bundles/scripts/base").Include( "~/Scripts/sea.js" ,
4 "~/Scripts/seajs/style.js" ,
5 "~/Scripts/seajs/combo.js" ,
6 "~/Scripts/seajs/config.js" ,
7 "~/Scripts/fmall/init.js" ));
8 分别对 样式表,脚本页面进行压缩,创建虚拟路径
1 页面直接调用 :
2 @Styles.Render("~/Content/themes/base/css", "~/Content/css")
3 @Scripts.Render("~/bundles/modernizr") 项其实也是包含在三中的,我独立出来,最主要感觉是我觉得他是个不错的家伙。
代码简单,但是非常的适用,不知道大家有没有使用过AjaxMinify这个东东,可以把脚本编译,压缩成最小的内容。
不过都是要使用命令的,然而在MVC4.0中System.Web.Optimization已经包含了这个东东,他们就是JsMinify和CssMinify,不要小看这两个类,虽然公开的方法就两个。
按照上述方法是用Scripts和Styles将脚本和样式表引入页面时,无需修改任何代码就可以将脚本和样式表编译压缩输入到客户端,
这样不仅可以有效的增加JSHack的难度以及降低文件的大小。为了达到这个目的,我们只需要将BundleTable中的一个属性设置为true即可!!
最新文章
- 记录一次Quartz2D学习(四)
- CozyRSS开发记录15-获取和显示RSS内容
- jQuery学习笔记(一)
- ytu 2558: 游起来吧!超妹!(水题,趣味数学题)
- Apache Shiro 使用手册(四)Realm 实现
- 洛谷P2015 二叉苹果树
- [置顶] 使用U盘安装ubuntu系统
- Visual studio 2008 的语法高亮插件 NShader
- LA - 4043 - Ants
- IOS学习之路五(代码实现UITableView)
- Python -- lambda, map, filter
- C语言 extern3 全局变量的使用
- ubuntu16.04下安装windows10(傻瓜式)
- git 与 ftp 共同工作
- 简易webpack 入门
- python相关资料链接
- python-常用模块xml、shelve、configparser、hashlib
- 何凯文每日一句打开||DAY8
- opencv错误(Unhandled expection at at 0x0007EEE...)
- [转]js清除所有cookies