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文件: Content/themes/base/*.cs
• 图像文件:内容/主题/基础/图像/*.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)被视为文件名,因此它可以是您想要的任何内容(只要它与其中一个文件不同).