用webforms綁定css和javascript

Question

我試圖在我的webforms項目中綁定我的css/js文件，但它不工作。

這是我做了什麼：

• 包括System.Web.Optimization通過的NuGet

• 添加下面的代碼的global.asax.cs中的Application_Start

  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-文件的引用，因此該頁面正在工作，但它不會生成唯一的文件名，並且不像我期望的那樣引用包文件夾。

我正在使用VS2013和Framework 4.0。

Answer 1

嘗試在Global.asax的Application_Start事件中執行BundleTable.EnableOptimizations = true;。閱讀this博客文章瞭解更多信息。

Answer 2

您必須使用包名（「〜/ bundle/js」）而不是JavaScript文件名（「〜/ js/mainJS.js」）來渲染（）。

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