我们也可以在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. Flex 教程(1)-------------控件拖动

    今天和大家分享下关于在Flex中 针对控件的拖动开发. 1.需要在 .mxml文件中编写一个Button按钮 如下代码: <s:Button id="button1" lab ...

  2. ios开发之网络数据的下载与上传

    要实现网络数据的下载与上传,主要有三种方式 > NSURLConnection  针对少量数据,使用“GET”或“POST”方法从服务器获取数据,使用“POST”方法向服务器传输数据; > ...

  3. [设计模式] 3 创建者模式 builder

    转载http://blog.csdn.net/wuzhekai1985/article/details/6667467 建造者模式的定义将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不 ...

  4. 数据库范式（1NF 2NF 3NF BCNF）

    http://blog.csdn.net/xuxurui007/article/details/7738330 http://www.cnblogs.com/laodao1/archive/2009/ ...

  5. Ajax出入江湖

    window.onload = initAll; var xhr = false; function initAll() { if (window.XMLHttpRequest) { xhr = ne ...

  6. java 页面换行处理

    在taxtarea中输入的文本.如果含有回车或空格.在界面上显示的时候则不哪么正常.回车消失了,空格变短了. 如何解决这个问题呢.有2种方法. 1.使用<pre>标签 w3c对pre元素是 ...

  7. 浏览器后退按钮导致jquery动态添加的select option值丢失的解决方法

    监控浏览器返回功能 判断浏览器返回功能 禁用浏览器的后退按钮 JS禁止浏览器后退键 http://volunteer521.iteye.com/blog/830522/ 浏览器返回功能 判断上一页面来 ...

  8. 【leetcode】Median of Two Sorted Arrays（hard）★！！

    There are two sorted arrays A and B of size m and n respectively. Find the median of the two sorted ...

  9. SQL事物用法【转】

    SQL事务 一.事务概念 事务是一种机制.是一种操作序列,它包含了一组数据库操作命令,这组命令要么全部执行,要么全部不执行.因此事务是一个不可分割的工作逻辑单元.在数据库系统上执行并发操作时事务是作为 ...

  10. 转一篇：文档笔记之Django QuerySet

    这个放着,说不定以后作一些更深入的查询时,用得着的. http://www.rapospectre.com/blog/7/ 今天刚刚答完辩体完检就跑来更新博客了!!! 先补上第一篇: 一般情况下,我们 ...