c# - 使用捆绑时未显示图标

Question

我正在为我的 CSS 使用捆绑并在我的 MVCLayout.cshtml页面中使用它。CSS 文件包含正确，但图标未正确显示。

我应该做些什么来包含图标吗？

我的捆绑代码

 bundles.Add(new StyleBundle("~/Content/css").Include(
            "~/Content/Site.css",
            "~/Content/ej/web/ej.widgets.core.min.css",
            "~/Content/ej/web/default-theme/ej.theme.min.css",
            "~/Content/TodoList.css")); 

我在我的页面中使用它如下

@Styles.Render("~/Content/css")

但我得到如下。

提前致谢。

问候， 马杜

Answer 1

您可能需要使用CssRewriteUrlTransform。

将网址重写为绝对网址，以便在捆绑后仍能找到资产。

您的代码可能看起来像

bundles.Add(new StyleBundle("~/Content/css")
    .Include("~/Content/Site.css")
    .Include("~/Content/ej/web/ej.widgets.core.min.css",
        new CssRewriteUrlTransform())
    .Include("~/Content/ej/web/default-theme/ej.theme.min.css",
        new CssRewriteUrlTransform())
    .Include("~/Content/TodoList.css"));

Answer 2

我找到了问题的原因和解决方案。我错误地提供了虚拟路径。我将其更改如下，现在它工作正常。

 // Content css
        bundles.Add(new StyleBundle("~/Content/css").Include(
            "~/Content/Site.css")              
            .Include("~/Content/TodoList.css"));

 // Content ej css
        bundles.Add(new StyleBundle("~/Content/ej/web/css")
        .Include("~/Content/ej/web/ej.widgets.core.min.css")
        .Include("~/Content/ej/web/default-theme/ej.theme.min.css"));

Answer 3

指定普通的 .css 文件。.Net 将在发布模式下自动选择 .min.css 文件。确保 .css 和 .min.css 都有图片网址。

bundles.Add(new StyleBundle("~/Content/css").Include(
            "~/Content/Site.css",
            "~/Content/ej/web/ej.widgets.core.css",
            "~/Content/ej/web/default-theme/ej.theme.css",
            "~/Content/TodoList.css"));