2013-11-03 56 views
1

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

這是我做了什麼:

  • 包括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。

+0

你正在編譯爲發佈模式嗎? –

+0

是的,我正在以發佈模式編譯 – WIRN

+0

你確定你的web.config中有''嗎? – tpeczek

回答

0

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

1

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

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