在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 - Internal Server Error。由于SquishIt不支持.NET Framework 4.5，只能弃之改用System.Web.Optimization。

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

SquishIt是一个开源的支持ASP.NET的js/css打包工具，项目地址：https://github.com/jetheredge/SquishIt，出生早于Microsoft ASP.NET Web Optimization Framework(System.Web.Optimization)。

由于SquishIt不支持.NET Framework 4.5，只能弃之改用System.Web.Optimization。

以下是在实际的ASP.NET Web Forms项目中使用System.Web.Optimization的操作步骤：

1. 通过NuGet添加Microsoft ASP.NET Web Optimization Framework的引用

2. 在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/screen_base.css",

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

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

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

"~/script/detail.js",

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

}

}

3. 在Global.asax的Application_Start中添加如下代码：

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

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

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

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

5. 运行结果：

System.Web.Optimization与SquishIt的主要不同之处：

SquishIt会生成实际的文件保存在对应的路径。

System.Web.Optimization只在内存中生成bundle文件。

推荐阅读