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

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

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

using System.Web.Optimization;

public class BundleConfig

{

   public static void RegisterBundles(BundleCollection bundles)

    {

        bundles.Add(new StyleBundle("~/bundles/news.css")

            .Include("~/common/a.css",

            "~/common/b.css"));

        bundles.Add(new ScriptBundle("~/bundles/news.js")

            .Include("~/script/a.js",

            "~/script/b.js",

            "~/script/c.js"));

    }

}

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

System.Web.Optimization.BundleTable.EnableOptimizations = true;//是否开启合并

BundleConfig.RegisterBundles(System.Web.Optimization.BundleTable.Bundles);

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

<head>

    <title>测试</title>

    <%: System.Web.Optimization.Styles.Render("~/bundles/news.css") %>

    <%: System.Web.Optimization.Scripts.Render("~/bundles/news.js") %>

</head>

第五步：查看运行结果：

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

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

public class BundleConfig

{

    public static void RegisterBundles(BundleCollection bundles)

    {

        //bundles.Add(new StyleBundle("~/bundles/news.css")

        //    .Include("~/common/a.css",

        //    "~/common/b.css"));

        //bundles.Add(new ScriptBundle("~/bundles/news.js")

        //    .Include("~/script/a.js",

        //    "~/script/b.js",

        //    "~/script/c.js"));

        bundles.Add(new StyleBundle("~/css")

           .Include("~/common/a.css",

           "~/common/b.css"));

        bundles.Add(new ScriptBundle("~/bundlesJs")

           .Include("~/script/a.js",

           "~/script/b.js",

           "~/script/c.js"));

    }

}
<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <%: System.Web.Optimization.Styles.Render("~/css") %>

    <%: System.Web.Optimization.Scripts.Render("~/bundlesJs") %>

</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. reset内容

      /*reset */div,p,a,span,body,dl,dt,dd,header,footer,img,section,time,h2,em,article,h3,h4,ul,li,labe ...

  2. [nowCoder] 子数组最大乘积

    给定一个double类型的数组arr,其中的元素可正可负可0,返回子数组累乘的最大乘积.例如arr=[-2.5,4,0,3,0.5,8,-1],子数组[3,0.5,8]累乘可以获得最大的乘积12,所以 ...

  3. uva 11627

    二分 #include <cstdio> #include <cstdlib> #include <cmath> #include <map> #inc ...

  4. uva 10912

    dp 记忆化搜索 #include <cstdio> #include <cstdlib> #include <cmath> #include <map> ...

  5. 关于StringBuilder

    写在前面的话 很久没有更新博客了,来上海实习身边的一切波动挺大的,还好我走过来了,博客园:一路有你! StringBuilder 相信大家对StringBuilder类型一定不陌生,我们Coding经 ...

  6. Unity3D开发之“获取IOS设备所在的国家代码"

    原地址:http://dong2008hong.blog.163.com/blog/static/469688272014021025578/ 在前一段时间游戏开发中需要实现获取IOS设备所在的国家代 ...

  7. php数组函数序列之array_unshift() 在数组开头插入一个或多个元素

    array_unshift() 函数在数组开头插入一个或多个元素.被加上的元素作为一个整体添加,这些元素在数组中的顺序和在参数中的顺序一样 array_unshift()定义和用法 array_uns ...

  8. lintcode：合并两个排序链表

    题目: 合并两个排序链表 将两个排序链表合并为一个新的排序链表  样例 给出 1->3->8->11->15->null,2->null, 返回 1->2-& ...

  9. [hackerrank]John and GCD list

    https://www.hackerrank.com/contests/w8/challenges/john-and-gcd-list 简单题,GCD和LCM. #include <vector ...

  10. QEvent大全，有中文解释

    简述 QEvent 类是所有事件类的基类,事件对象包含事件参数. Qt 的主事件循环(QCoreApplication::exec())从事件队列中获取本地窗口系统事件,将它们转化为 QEvents, ...