用webforms捆绑css和javascript

Question

我正在尝试将我的css / js文件捆绑到我的webforms项目中，但它无效。

这就是我所做的：

• 通过NuGet包含System.Web.Optimization

• 将以下代码添加到Application_Start

  中的global.asax.cs

  BundleTable.Bundles.Add(new ScriptBundle("~/bundle/js").Include("~/js/mainJS.js"));
  BundleTable.Bundles.Add(new ScriptBundle("~/bundle/css").Include("~/css/mainStyle.min.css"));
  

• 将此添加到我的母版页

  <%: Scripts.Render("~/js/mainJS.js") %>
  <%: Styles.Render("~/css/mainStyle.min.css") %>
  

它呈现对css / js文件的引用，因此页面正在工作，但它没有生成唯一的文件名，也没有像我预期的那样引用bundle文件夹。

我正在使用VS2013和Framework 4.0。

Answer 1

你必须使用包名称（＆＃34;〜/ bundle / js＆＃34;）而不是javascript文件名（＆＃34;〜/ js / mainJS.js＆＃34;）来渲染（）。 / p>

<%: Scripts.Render("~/bundle/js") %>
<%: Styles.Render("~/bundle/css") %>

Answer 2

尝试在Global.asax的Application_Start事件中执行BundleTable.EnableOptimizations = true;。阅读this博文，了解更多信息。