画像が MVC4 スタイル バンドルに読み込まれないのはなぜですか?

MVC4 StyleBundle がイメージを解決しない

問題:

MVC4 プロジェクトには、次のバンドル システムが含まれています。 CSS ファイルを最小化して結合してパフォーマンスを向上させます。ただし、StyleBundles を使用して jQuery UI などの外部ソースからの画像参照を含める場合、ブラウザは画像のロードに失敗し、404 エラーが発生する可能性があります。

解決策:

MVC4 CSS バンドルに関する議論によると、この問題を解決するには 2 つのアプローチが利用可能です。問題:

ソース パスでバンドル パスを使用する

ソース CSS ファイルと同じパスを使用して StyleBundle を作成します (例:

bundles.Add(new StyleBundle("~/Content/css/jquery-ui/bundle")
                   .Include("~/Content/css/jquery-ui/*.css"));

バンドル パスをソース フォルダーとして定義すると、CSS ファイル内の相対画像パスはそのままになります。

CssRewriteUrlTransformation の使用

または、CssRewriteUrlTransformation を StyleBundle に適用できます。この変換により、CSS ファイルへの相対 URL 参照がバンドル内の絶対パスに書き換えられ、画像が正しく読み込まれることが保証されます。

bundles.Add(new StyleBundle("~/Content/css/jquery-ui/bundle")
                   .Include("~/Content/css/jquery-ui/*.css",
                    new CssRewriteUrlTransform()));

仮想ディレクトリ内の絶対パスに書き換えると問題が発生する可能性があることに注意してください。このアプローチが特定の環境で期待どおりに機能することを確認してください。

以上が画像が MVC4 スタイル バンドルに読み込まれないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。