Wie werden Bildpfade in MVC4-Style-Bundles aufgelöst?

MVC4 StyleBundle-Auflösung von Bildern

Das Bündeln von CSS in MVC4 stellt eine Herausforderung dar, wenn eigenständige CSS- und Bildsätze verarbeitet werden, wie sie in der jQuery-Benutzeroberfläche zu finden sind. Um eine ordnungsgemäße Auflösung der Bilder sicherzustellen, befolgen Sie diese Richtlinien:

Definieren des StyleBundles

Geben Sie beim Erstellen eines StyleBundles einen virtuellen Pfad an, der nicht mit einem physischen Inhaltspfad in Konflikt steht . Zum Beispiel:

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

Relative Bildpfade

Bildpfade im CSS sollten relativ zur CSS-Datei selbst sein. Dies ist wichtig, da der Bundle-Handler den virtuellen Pfad in der URL durch den tatsächlichen Pfad zum gebündelten CSS ersetzt.

CSS aus demselben Ordner bündeln

CSS bündeln Dateien aus demselben Ordner stellen sicher, dass relative Bildpfade weiterhin funktionieren. Definieren Sie Ihr Bundle im gleichen Pfad wie die Quelldateien:

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

CssRewriteUrlTransformation

Alternativ können Sie eine CssRewriteUrlTransformation anwenden, um relative URL-Verweise auf CSS-Dateien neu zu schreiben, wenn gebündelt. Dies ermöglicht die Bündelung aus verschiedenen Ordnern unter Beibehaltung der Bildauflösung:

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

Das obige ist der detaillierte Inhalt vonWie werden Bildpfade in MVC4-Style-Bundles aufgelöst?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!