ASP.NET MVC 4 Minifizierung & Hintergrund Bilder

Derzeit bin ich über ASP.NET MVC 4 CSS - /JavaScript-Optimierer. Es funktioniert gut mit meiner eigenen CSS - /JavaScript, aber ich möchte auch, um es mit plugins. Jedes plugin hat seinen eigenen Ordner:

~/Content/css //my own css, ok
~/Content/plugins/rateit
~/Content/plugins/chosen
~/Content/plugins/...

Ich kann hinzufügen dieser Dateien zum optimizer:

var bundle = new Bundle("~/Content/opt", new CssMinify());
...
bundle.AddFile("~/Content/plugins/chosen/chosen.css", "*.css");
BundleTable.Bundles.Add(bundle);

Aber in diesem Fall, nach der Optimierung, css in einem anderen Ordner und browser nicht finden können hintergrund-Bilder mehr. Gibt es eine Lösung zum automatischen modifizieren der css-Pfad für Hintergrundbilder?

Kann ich kopieren Sie alle plugins in einem Ordner, aber mit einer Menge von plugins, ist es nicht eine gute Idee.

InformationsquelleAutor user1224129 | 2012-03-20
  1. 4

    Vielleicht haben Sie einen Blick auf RequestReduce. Es ist eine andere .net basierte minifier/bundler und es überschreibt alle urls in der minified/gebündelt css absolut. Dies beinhaltet fonts und hintergrund-Bilder. Es wird auch automatisch erweitern, alle Importe in die css. Zusätzlich, wo es denkt, es kann, es wird sprite-hintergrund-Bilder.

    • Ich schon RequestReduce. Es funktioniert perfekt, außer einigen sehr kleinen Teil von JavaScript nicht funktioniert mehr. Mit MVC 4 Verkleinerung habe ich nicht dieses problem, aber ich kann nicht minimieren plugins entweder.
    • Es wäre toll, wenn könnten Sie hinzufügen, ein Problem für die RequestReduce Fragen an github.com/mwrock/RequestReduce/issues, damit kann ich arbeiten, auf die Festsetzung, dass javascript-problem.
    • Ich Rolle zurück mein code für die alte version mit RequestReduce. Nach langer Suche fand ich dieses kleine Teil von JavaScript hat nicht funktioniert, weil der Fehler in Chrome mit Adblock. Mit einem kleinen fix funktioniert es einwandfrei. Es ist also nicht RequestReduce Fehler 🙂
    • Es ist erforderlich, dass Sie geben Ihre Zugehörigkeit mit diesem Produkt in Ihre Antworten finden Sie unter die FAQ - Kann ich die Förderung hier?. That being said, RequestReduce sieht aus wie eine gute Passform für dieses problem. Eine andere beliebte alternative zu den integrierten Bündelung ist Kassette.
    • Warum nicht ändern Sie die CSS-Routen, absolut zu sein, in Bezug auf die site-root? einfaches suchen und ersetzen von ein paar Dateien
    • Tut RequestReduce erstellen Sie ein neues bundle pro Webseite? Wenn ja, ist dies ein Nachteil, da für jede Webseite, die browser-das herunterladen einer neuen Datei. In ASP.NET Web.Die Optimierung können Sie erstellen, die ein gemeinsames bundle (ex. für die homepage) und es wird bereits vom browser zwischengespeichert für alle anderen Seiten der Website nicht erneut angefordert. Wird gut sein, einen Vergleich zwischen RequestReduce und ASP.NET Web.- Optimierung.
    • Requestreduce erstellt ein bundle pro einzigartige Kombination von css oder einzigartige Kombination von js auf einer Seite. Also, wenn viele Seiten die gleiche CSS-dann verwenden Sie die gleichen css-bundle oder wenn es der gleiche block mit Js dann verwenden Sie die gleiche js-bundle.

    InformationsquelleAutor Matt Wrock
  2. 4

    Ich hatte das gleiche problem... ich genutzt, um bundle-jQuery UI CSS-Datei mit meinen eigenen, aber wie Sie bereits erwähnt, plugins nutzt es die eigenen Verzeichnis. In meinem Fall war es:

    ~/Content/Site.css
~/Content/themes/base/*.css

    Diese minified bundle sieht für alle Bilder in " ~/Content/so die jQuery UI nicht mehr richtig funktioniert. So ist der einzige Weg, diese zu lösen, ist die Trennung dieser CSS (meine eigenen und die jQuery UI ein).

    BTW: Bevor ich Verstand nicht, warum die CSS gebündelt (in MVC4 template) als ~/content/ statt ~/bundles/. Jetzt weiß ich, dass es ist, weil von dem problem mit dem Pfad zu den Bildern in Content Verzeichnis.

    • ich folgte Ihrem Vorschlag und mein Bild-Weg-Problem gelöst wurde, für alle anderen mit dem gleichen Problem würde ich empfehlen, halten die gleiche bundle-Namen, wie der Weg, sondern das hinzufügen eines weiteren "/css" am Ende der bundle-name. Also, wenn das Weg wäre - ""~/content/css" den Namen des Bundles sein sollte- "~/content/css/css", dies würde helfen bei der Lösung der relative Pfad Themen der Bilder.
    InformationsquelleAutor Hubo
Schreibe einen Kommentar