c# - バンドルの使用中にアイコンが表示されない

Question

CSS にバンドルを使用しており、それを MVCLayout.cshtmlページで使用しています。CSS ファイルは正しく含まれていますが、アイコンが正しく表示されません。

アイコンを含めるために何かをする必要がありますか?

MY バンドル コード

 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を使用する必要がある場合があります。

バンドリング後もアセットが検出されるように、絶対 URL に書き換えます。

あなたのコードは次のようになります

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 の両方に画像 URL があることを確認してください。

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