ASP.NETMVC-バンドル構成の順序

Question 1

ASP.NET MVC 5アプリケーションで特定のロケール（es-CL）を使用しようとしています。私は次のことをしました：

web.configのuicultureとcultureを「es-CL」に変更しました
GlobalizeおよびjQuery.Validation.Globalizeパッケージをインストールしました
私の見解のデフォルト言語を変更しました： <html lang="es-cl">
新しいバンドルを作成し、適切なビューに含めました。

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

適切なビューで：

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

ただし、生成されるソースコードは次のとおりです。

<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>

jquery.validate.globalize.jsスクリプトがglobalize.jsの前にロードされていることに注意してください。これは、私が望んでいることではありません。

なんでこんなことが起こっているの？単一のバンドルのインクルード順序に依存することは可能ですか、それともこの単一のスクリプトを別のバンドルに入れてビューで指定する必要がありますか？

Question 2

デフォルトでは、ワイルドカードを使用した名前のバンドル順序はアルファベット順です（コメントで指摘されています）。ただし、依存関係ツリーが何であると考えているかに基づいてjQuery順序付けするため、スクリプトが一番上に配置されているように見えます。以下を実装するオブジェクトを作成する必要がありますIBundleOrder。

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

これにより、デフォルトの順序がなくなります。今それを使用するには：

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

参照：http：//stevescodingblog.co.uk/changing-the-ordering-for-single-bundles-in-asp-net-4/

さらに読むために、MikeSmithDevの質問への回答は、人気のあるスクリプトライブラリのデフォルトの順序についてのさらなる洞察を提供します。

バンドル内のファイルの順序-既知のライブラリは何ですか？

Question 3

MVC 5の最後のバージョン（2014年10月27日）では、代わりにこのクラスを使用する必要があります。

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

そして、他の応答のようにバンドルを作成します。

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

Question 4

バンドル作成中のコードを減らすために、拡張メソッドを作成することをお勧めします。

インフラストラクチャクラスが必要：

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;
    }
}

今、単にこのようにそれを使用してください：

オールインワンコマンド😎

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