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 / *。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）被视为文件名，因此它可以是您想要的任何内容（只要它与其中一个文件不同）。