ASP.NET MVC - Порядок налаштування пакета

Question 1

Я намагаюся використовувати певну локаль (es-CL) у своєму додатку ASP.NET MVC 5. Я маю таке:

Змінено веб-сферу культури та культури на web.config на "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 (27 жовтня 2014 р.) Замість цього слід використовувати цей клас:

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",
                    //...
                );