我们也可以在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. angular入门系列教程4

    主题: 本篇主要目的就是继续完善home页下的index子页面的内容,处理一个列表,进行增删改查过滤等操作. 效果图: 细节: 主要的更改有两个,一个是修改模板index.html,还有就是增加控制器 ...

  2. C#文件对话框,一次多选文件设置

    OpenFileDialog ofd = new OpenFileDialog();ofd.Multiselect = true;if (ofd.ShowDialog() == DialogResul ...

  3. 6 个基于 jQuery 的表单向导插件推荐

    表单向导可以很好地引导用户进行一步一步的操作,从而降低用户错误输入的几率.尽管互联网中有大量的类似插件,但真正好用的不多. 本文整理了6个比较优秀的表单向导插件,希望能够为你带来帮助. 1. Smar ...

  4. DataGridView之行的展开与收缩

    很多数据都有父节点与子节点,我们希望单击父节点的时候可以展开父节点下的子节点数据. 比如一个医院科室表,有父科室与子科室,点击父科室后,在父科室下面可以展现该科室下的所有子科室. 我们来说一下在Dat ...

  5. SQL 中的游标实例

    --声明变量 declare @IMType varchar(10),@IMResourceID varchar(10) --定义游标 declare information_cursor curso ...

  6. 最长不下降子序列//序列dp

    最长不下降子序列 时间: 1000ms / 空间: 131072KiB / Java类名: Main 描述 求最长不下降子序列的长度 输入格式 第一行为n,表示n个数第二行n个数 输出格式 最长不下降 ...

  7. [topcoder]LongLongTripDiv2

    http://community.topcoder.com/stat?c=problem_statement&pm=13091 解方程,对中国孩子太简单了. #include <vect ...

  8. 10 harsh truths that will help you grow

    10 harsh truths that will help you grow帮你成长的10个残酷事实In the game of life, if it often seems like you’r ...

  9. C++：友元（非成员友元函数、成员友元函数、友元类）

    3.8  友元:友元函数和友元类 友元函数 :既可以是不属于任何类的非成员函数,也可以是另一个类的成员函数,统称为友元函数.友元函数不是当前类的成员函数,而是独立于类的外部函数,但它可以访问该类所有的 ...

  10. MyEclipse 利用反向功能生成Java 实体类

    1.Window -> Open Perspective -> MyEclipse Database Explorer 到DB Broswer界面 2.右键 -> New,新建一个数 ...