使用捆绑时未显示的图标

Question

我正在使用Bundling for my CSS并在我的MVC Layout.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")

但是我得到了如下。

提前致谢。

此致 Madhu

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

指定普通的.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")); 

Answer 3

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

 // 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"));