ASP.NET MVC - Bundle-Konfigurationsreihenfolge

Ich versuche, ein bestimmtes Gebietsschema (es-CL) in meiner ASP.NET MVC 5-Anwendung zu verwenden. Ich habe folgendes:

Die Kultur und Kultur von web.config wurde in "es-CL" geändert.
Installierte die Pakete Globalize und jQuery.Validation.Globalize
Die Standardsprache in meinen Ansichten wurde geändert: <html lang="es-cl">
Erstellt ein neues Bundle und wird in die entsprechenden Ansichten aufgenommen.

In BundleConfig.cs :

bundles.Add(new ScriptBundle("~/bundles/jqueryval")
    .Include("~/Scripts/jquery.validate.js")
    .Include("~/Scripts/jquery.validate.unobtrusive.js"));

bundles.Add(new ScriptBundle("~/bundles/globalization")
    .Include("~/Scripts/globalize/globalize.js")
    .Include("~/Scripts/globalize/cultures/globalize.culture.es-CL.js")
    .Include("~/Scripts/jquery.validate.globalize.js"));

In den entsprechenden Ansichten:

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/globalization")
}

Der generierte Quellcode lautet jedoch wie folgt:

<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

<script src="/Scripts/jquery.validate.globalize.js"></script>
<script src="/Scripts/globalize/globalize.js"></script>
<script src="/Scripts/globalize/cultures/globalize.culture.es-CL.js"></script>

Bitte beachten Sie, dass das Skript jquery.validate.globalize.js vor globalize.js geladen wird, was ich nicht möchte.

Warum passiert das? Ist es möglich, sich auf die Include-Reihenfolge in einem einzelnen Bundle zu verlassen, oder bin ich gezwungen, dieses einzelne Skript in ein anderes Bundle zu stellen und es meiner Ansicht nach anzugeben?

javascript asp.net asp.net-mvc

— Leonardo Herrera
quelle

Werfen

— Paul McCowat

@PaulMcCowat ja, aber ich verwende die minimierten Versionen noch nicht. Ich verwende Microsoft.AspNet.Web.Optimizations 1.1.0.

— Leonardo Herrera

@LeonardoHerrera Ich würde denken, es ist wie Chris in seinen Kommentaren erwähnt, dass bekannte Dateien in eine vom Bundler angegebene Reihenfolge verschoben werden ... aber ich kann nicht sicher sein, da ich nicht weiß, was diese Dateien sind, was dazu geführt hat mich zu fragen . Es würde mich interessieren, ob die Verwendung des IBundleOrderer für Sie funktioniert, da die Angabe der Bestellung nicht funktioniert hat.

— MikeSmithDev

Schauen Sie sich die Antwort von @Softlion in [diesem Link] [1] [1] an: stackoverflow.com/questions/11979718/…

— Omid-RH

@section Scripts { @Scripts.Render("~/bundles/jqueryval") }scheint das Problem behoben zu haben, dass meine Skripte nicht in der

— richtigen

Antworten:

102

Standardmäßig ist die Bündelungsreihenfolge für Namen mit Platzhaltern alphabetisch (wie in den Kommentaren angegeben). Die Reihenfolge basiert jedoch auch darauf, was Ihrer Meinung nach Ihr Abhängigkeitsbaum ist, und jQuerySkripte scheinen nach oben verschoben zu werden. Sie müssen ein Objekt erstellen, das Folgendes implementiert IBundleOrder:

class NonOrderingBundleOrderer : IBundleOrderer
{
    public IEnumerable<FileInfo> OrderFiles(BundleContext context, IEnumerable<FileInfo> files)
    {
        return files;
    }
}

Dies verhindert die Standardbestellung. Nun, um es zu benutzen:

var bundle = new ScriptBundle("~/bundles/globalization")
    .Include("~/Scripts/globalize/globalize.js")
    .Include("~/Scripts/globalize/cultures/globalize.culture.es-CL.js")
    .Include("~/Scripts/jquery.validate.globalize.js");

bundle.Orderer = new NonOrderingBundleOrderer();

bundles.Add(bundle);

ref: http://stevescodingblog.co.uk/changing-the-ordering-for-single-bundles-in-asp-net-4/

Zur weiteren Lektüre bietet eine Antwort auf die Frage von MikeSmithDev weitere Einblicke in die Standardreihenfolge für beliebte Skriptbibliotheken:

Reihenfolge der Dateien innerhalb eines Bundles - Welche Bibliotheken sind bekannt?

— Mister Epic
quelle

Nicht zu picken, aber "Standardmäßig ist die Bündelungsreihenfolge alphabetisch" ist wahr, wenn Sie Dinge wie Platzhalter verwenden ... Wenn Sie die Reihenfolge angeben, wie er es getan hat, sollte es seine Reihenfolge verwenden. Ich kann nur annehmen, dass sich der Bundler um bekannte Dateitypen bewegt und seine Reihenfolge ignoriert.

— MikeSmithDev

Es sieht so aus, als würde der Bundler auch mit einer Logik über Abhängigkeiten bestellen. Es glaubt, dass jquery.validate.globalize.jsdies für die beiden anderen erforderlich ist. Aus dem Verweis: "[Der Bundler] wird sogar bekannte Framework-Javascript-Dateien automatisch in das Bundle einfügen, z. B. jQuery- oder Prototype-Skripte, um sicherzustellen, dass sie ausgeführt werden, bevor Ihr eigener Code, der ihre Typen verwendet, ausgeführt wird"

— Mister Epic,

Die spezifische Reihenfolge lautet: jquery.js jquery-min.js jquery- * jquery-ui * jquery.ui * jquery.unobtrusive * jquery.validate * modernizr- * dojo. * Mootools-core * mootools- * prototype.js prototype- * scriptaculous- * ext.js ext- *

— Ravndal

Hier macht Programmieren keinen Spaß. Warum macht VS das kompliziert?

— Jaider

Die Tatsache, dass dies existiert, beeindruckt mich, wie dumm es ist. Wirklich ... der Bundler weiß besser, wie er meine Abhängigkeiten besser ordnen kann, als ich sie eingegeben habe? Gulp.js (oder sogar Grunt) FTW!

— John Culviner

In der letzten Version von MVC 5 (am 27. Oktober 2014) sollten Sie stattdessen diese Klasse verwenden:

class AsIsBundleOrderer : IBundleOrderer
{
    public IEnumerable<BundleFile> OrderFiles(BundleContext context, IEnumerable<BundleFile> files)
    {
        return files;
    }
}

Und erstellen Sie das Bundle wie die andere Antwort:

var bundle = new ScriptBundle("~/bundles/globalization")
.Include("~/Scripts/globalize/globalize.js")
.Include("~/Scripts/globalize/cultures/globalize.culture.es-CL.js")
.Include("~/Scripts/jquery.validate.globalize.js");

bundle.Orderer = new AsIsBundleOrderer();

bundles.Add(bundle);

— Sebastián Rojas
quelle

Wo finde ich diese Informationen? Können Sie bitte einen Link angeben?

— PussInBoots

Ich versuche nur, die Methode der aktuellen Antwort für diese Frage zu verwenden, aber ich habe mein selkf mit einem Fehler in ASP.NET MVC 5 gefunden, also überprüfe ich die IBundleOrderer-Oberfläche und nehme die Änderungen vor

— Sebastián Rojas

Es gibt keine Orderer-Eigenschaft. Ich benutze MVC 5.2.x

— Legends

Ich teste es gerade mit MVC 5.2.3 und tehres ist die Orderer-Eigenschaft.

— Sebastián Rojas

Um die Codes beim Erstellen von Bundles zu reduzieren , empfehle ich Ihnen, eine Erweiterungsmethode zu erstellen.

Infrastrukturklassen erforderlich:

class NonOrderingBundleOrderer : IBundleOrderer
{
    public IEnumerable<BundleFile> OrderFiles(BundleContext context, IEnumerable<BundleFile> files)
    {
        return files;
    }
}


static class BundleExtentions
{
    public static Bundle NonOrdering(this Bundle bundle)
    {
        bundle.Orderer=new NonOrderingBundleOrderer();
        return bundle;
    }
}

Verwenden Sie es jetzt einfach so:

Alles in einem Befehl 😎

bundles.Add(new ScriptBundle("~/bundles/jqueryval")
               .NonOrdering()
               .Include(
                    "~/Scripts/globalize/globalize.js",
                    "~/Scripts/globalize/cultures/globalize.culture.es-CL.js",
                    //...
                );

— RAM
quelle

Schöne Denkweise!

— Aruna