ASP.NET System.Web.Optimization：捆綁jQueryUI CSS

Question

我想在一個請求中捆綁jQueryUI。

的Global.asax：

var cssjQuery = new StyleBundle("~/Content/BundleCSS/jQuery"); 
cssjQuery.IncludeDirectory("~/Content/themes/base", "*.css"); 

佈局：

<link href="@Styles.Url("~/Content/BundleCSS/jQuery")" rel="stylesheet" type="text/css" /> 

文件夾結構：

• CSS網絡萊：內容/主題/基/ * CSS
• 圖片文件：。內容/主題/基/圖像/ * PNG

現在的問題是，圖片不能被加載，因爲沒有文件夾「BundleCSS」：

http://localhost:64648/Content/BundleCSS/images/ui-bg_flat_75_ffffff_40x100.png 

我該如何解決這個問題？

Answer 1

你爲什麼不簡單定義主題目錄的路徑，你的包：

var cssjQuery = new StyleBundle("~/Content/themes/base/jquery-ui-bundle"); 
cssjQuery.IncludeDirectory("~/Content/themes/base", "*.css"); 

相對圖像路徑仍然可以工作（如CSS的目錄將保持不變）。

另請注意，最後一部分（jquery-ui-bundle）被視爲文件名，因此它可以是任何你想要的（只要它不是一個文件相同）。