c# - ASP.NET System.Web.Optimization：捆绑 jQueryUI CSS

Question

我正在尝试将 jQueryUI 捆绑在一个请求中。

全球.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
• 图片文件： Content/themes/base/images/*.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) 被视为文件名，因此它可以是您想要的任何内容（只要它与其中一个文件不同）。