我们也可以在Asp.Net WebForm项目中去使用Optimization,去处理我们的资源文件，从而起到优化网站性能的效果，前端知识得从小事做起。但是在使用过程中我却发现了下面的问题。

第一步：新建一个Asp.Net WebForm项目 ,然后 通过NuGet添加Microsoft ASP.NET Web Optimization Framework的引用

第二步：在App_Code中添加BundleConfig.cs

  1. using System.Web.Optimization;
  2.  
  3. public class BundleConfig
  4. {
  5.    public static void RegisterBundles(BundleCollection bundles)
  6.     {
  7.         bundles.Add(new StyleBundle("~/bundles/news.css")
  8.             .Include("~/common/a.css",
  9.             "~/common/b.css"));
  10.  
  11.         bundles.Add(new ScriptBundle("~/bundles/news.js")
  12.             .Include("~/script/a.js",
  13.             "~/script/b.js",
  14.             "~/script/c.js"));
  15.     }
  16. }

第三部： 在Global.asax的Application_Start中添加如下代码：

  1. System.Web.Optimization.BundleTable.EnableOptimizations = true;//是否开启合并
  2. BundleConfig.RegisterBundles(System.Web.Optimization.BundleTable.Bundles);

第四步：在.aspx中添加如下的 js/css 引用代码

  1. <head>
  2.     <title>测试</title>
  3.     <%: System.Web.Optimization.Styles.Render("~/bundles/news.css") %>
  4.     <%: System.Web.Optimization.Scripts.Render("~/bundles/news.js") %>
  5. </head>

第五步：查看运行结果：

于是我好奇的看了看“/bundles/new.css?v=kmhQVjhQvjknAFAwxWSfOW5ueVMUIDDpyCtaw5lHjBY1”,好家伙里面报错了，说找不到路径，错误如图：

于是我朝着路径错误的方向试了试，改改路径。把“第二步”中的路径都改成了这样：

  1. public class BundleConfig
  2. {
  3.     public static void RegisterBundles(BundleCollection bundles)
  4.     {
  5.         //bundles.Add(new StyleBundle("~/bundles/news.css")
  6.         //    .Include("~/common/a.css",
  7.         //    "~/common/b.css"));
  8.  
  9.         //bundles.Add(new ScriptBundle("~/bundles/news.js")
  10.         //    .Include("~/script/a.js",
  11.         //    "~/script/b.js",
  12.         //    "~/script/c.js"));
  13.  
  14.         bundles.Add(new StyleBundle("~/css")
  15.            .Include("~/common/a.css",
  16.            "~/common/b.css"));
  17.  
  18.         bundles.Add(new ScriptBundle("~/bundlesJs")
  19.            .Include("~/script/a.js",
  20.            "~/script/b.js",
  21.            "~/script/c.js"));
  22.     }
  23. }
  1. <head runat="server">
  2.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3.     <title></title>
  4.     <%: System.Web.Optimization.Styles.Render("~/css") %>
  5.     <%: System.Web.Optimization.Scripts.Render("~/bundlesJs") %>
  6. </head>

于是就解决了这个奇怪的问题，好像这个在MVC中是不一样的。

效果如图：

不知道其他"小伙伴"有没有遇到过类似的问题！

System.web.optimization 在 Asp.Net WebForm 中应用得注意了的更多相关文章

  1. asp.net webform 中使用Microsoft ASP.NET Web Optimization压缩js及css

    使用静态资源压缩可以合并静态资源文件减少客户端请求数量,压缩文件大小,减少网络流量的损耗. 注:只有通过web.config关闭调试功能,压缩才会生效 <system.web> <c ...

  2. 在ASP.NET Web Forms中用System.Web.Optimization取代SquishIt

    将一个ASP.NET Web Forms项目从.NET Framework 4.0升级至.NET Framework 4.5之后,发现SquishIt竟然引发了HTTP Error 500.0 - I ...

  3. asp.net mvc4 System.Web.Optimization找不到引用

    在MVC4的开发中,如果创建的项目为空MVC项目,那么在App_Start目录下没有BundleConfig.cs项的内容,在手动添加时在整个库中都找不到:System.Web.Optimizatio ...

  4. MVC 中 System.Web.Optimization 找不到引用

    在MVC4的开发中,如果创建的项目为空MVC项目,那么在App_Start目录下没有BundleConfig.cs项的内容,在手动添加时在整个库中都找不到:System.Web.Optimizatio ...

  5. 【Ext.Net学习笔记】01：在ASP.NET WebForm中使用Ext.Net

    Ext.NET是基于跨浏览器的ExtJS库和.NET Framework的一套支持ASP.NET AJAX的开源Web控件,包含有丰富的Ajax运用,其前身是Coolite. 下载地址:http:// ...

  6. System.Web.Optimization 合并压缩技术的使用

    捆绑和压缩原理是:将多个css文件动态合并和压缩为一个css文件.多个js文件动态合并和压缩为一个js文件,如此达到减少浏览器对服务器资源文件的请求数量.缩小资源文件的尺寸来提高页面反应速度的目的.A ...

  7. 使用System.Web.Optimization对CSS和JS文件合并压缩

    在ASP.NET MVC 中JS/CSS文件动态合并及压缩通过调用System.Web.Optimization定义的类ScriptBundle及StyleBundle来实现. 大致步骤如下: 1.A ...

  8. Mvc 之System.Web.Optimization 压缩合并如何让*.min.js 脚本不再压缩

    最近项目中用到了easy ui ,但是在配置BundleConfig 的时候出现了问题,easy ui的脚本jquery.easyui.min.js 压缩后出现各种脚本错误,总是莫名其妙的 i标量错误 ...

  9. .net mvc System.Web.Optimization 、System.Data.Entity.Infrastructure找不到

    在MVC4的开发中,如果在App_Start目录下BundleConfig.cs类没有找不到引用System.Web.Optimization,可以使用程序包管理控制台进行安装到使用的项目 打开 工具 ...

随机推荐

  1. cg 到hlsl的转换

    http://msdn.microsoft.com/en-us/library/windows/desktop/ff471376(v=vs.85).aspx http://gamedev.stacke ...

  2. NS记录

    NS(Name Server)记录是域名服务器记录,用来指定该域名由哪个DNS服务器来进行解析. 1名词简介 您注册域名时,总有默认的DNS服务器,每个注册的域名都是由一个DNS域名服务器来进行解析的 ...

  3. 一些linux的问题

    本文罗列的是我在学习linux与shell编程时所遇到的一些问题.我相信既然存在问题那么就会有需求,记录于此,希望可以快速帮助到大家. 1.在vim中用“/word"查找后,vim会以棕色背 ...

  4. mybatis 插入日期类型精确到秒的有关问题

    mybatis 插入日期类型精确到秒的问题 Mybatis 插入 数据库是为了防止插入空时报错, Mybatis 提供了一套机制,只要给定插入的字段的类型,如果为空,则它会自动处理为相应类型的默认值: ...

  5. MYSQL存储过程中常使用的命令记录

    MYSQL存储过程中常使用的命令记录 1.触发器trigger 查看:show triggers; 2.存储过程procedure 查看:show procedure status; 查看详细:sho ...

  6. hdu1017

    http://acm.hdu.edu.cn/showproblem.php?pid=1017 #include<iostream> #include<stdio.h> #inc ...

  7. jquery通过ajax-json访问java后台传递参数,通过request.getParameter获取不到参数的说明

    http://m.blog.csdn.net/blog/eyebrother/36007145 所以当后台通过request.getParameter("name");对参数值的作 ...

  8. Scanner scanner=new Scanner(System.in)

    import java.util.Scanner;public class inputoutar{   public static void main(String[] args)   throws ...

  9. qt外部数据传入实现动态的折线图绘制

    在嵌入式开发中,实现数据收集与显示很常见,对于希望数据稳定的应用来说,               折现图的表现形式很符合条件.               本实现是通过qt的signal-slot来 ...

  10. Ado.Net小练习03（省市联动）

    前台界面:          后台代码: namespace _04省市联动 {     public partial class Form1 : Form     {         public ...