MVC 4 Bundling 导致 Kendo UI 中的图像丢失

Question

我创建了一个新的 MVC 4 应用程序，并且正在尝试迁移现有的 MVC 3 应用程序。一切正常，直到我尝试使用新的捆绑功能，当我捆绑 Kendo css 文件时，下拉菜单和数字文本框上的箭头消失了。它们运行正常，只是缺少图像。这些文件似乎捆绑得很好。我进行了广泛的研究，并尝试重命名文件以删除“min”，但仍然存在相同的问题。

以下是我尝试捆绑的文件：

 <link href="@Url.Content("~/Content/kendo/kendo.common.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/kendo.default.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/kendo.blueopal.min.css")" rel="stylesheet" type="text/css" />

当我像这样捆绑它们时，问题出现了：

 bundles.Add(new StyleBundle("~/Content/cssBundle").Include(
             "~/Content/kendo/kendo.common.min.css",
             "~/Content/kendo/kendo.default.min.css",
             "~/Content/kendo/kendo.blueopal.min.css"
             ));

Answer 1

我遇到了同样的问题。CssRewriteUrlTransform 应该可以解决问题：

.Include("~/Content/kendo/2014.1.318/kendo.common.min.css", new CssRewriteUrlTransform())