ASP.NET MVC - Thứ tự cấu hình gói

Question 1

Tôi đang cố gắng sử dụng một ngôn ngữ cụ thể (es-CL) trong ứng dụng ASP.NET MVC 5 của mình. Tôi như sau:

Đã thay đổi văn hóa và văn hóa web.config thành "es-CL"
Đã cài đặt gói Globalize và jQuery.Validation.Globalize
Đã thay đổi ngôn ngữ mặc định trong chế độ xem của tôi: <html lang="es-cl">
Đã tạo một Gói mới và đưa vào các chế độ xem thích hợp.

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

Theo quan điểm thích hợp:

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

Tuy nhiên, mã nguồn được tạo như sau:

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

Xin lưu ý rằng tập lệnh jquery.validate.globalize.js đang được tải trước globalize.js , đây không phải là điều tôi muốn.

Tại sao chuyện này đang xảy ra? Có thể dựa vào thứ tự bao gồm trong một gói duy nhất hay tôi buộc phải đặt tập lệnh đơn này vào một gói khác và chỉ định nó trong chế độ xem của tôi?

Question 2

Theo mặc định, thứ tự nhóm là thứ tự bảng chữ cái cho các tên có ký tự đại diện (như được chỉ ra trong các nhận xét). Tuy nhiên, nó cũng sắp xếp thứ tự dựa trên những gì nó cho rằng cây phụ thuộc của bạn là gì và jQuerycác tập lệnh dường như được đưa lên đầu. Bạn cần tạo một đối tượng triển khai IBundleOrder:

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

Điều này ngăn chặn thứ tự mặc định. Bây giờ để sử dụng nó:

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

tham khảo: http://stevescodingblog.co.uk/changed-the-ordering-for-single-bundles-in-asp-net-4/

Để đọc thêm, câu trả lời cho câu hỏi của MikeSmithDev cung cấp thêm thông tin chi tiết về thứ tự mặc định cho các thư viện tập lệnh phổ biến:

Thứ tự các tệp trong một gói - Các thư viện đã biết là gì?

Question 3

Trong phiên bản cuối cùng của MVC 5 (vào ngày 27 tháng 10 năm 2014), bạn nên sử dụng lớp này thay thế:

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

Và tạo gói giống như phản hồi khác:

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

Để giảm mã trong quá trình tạo nhóm, tôi khuyên bạn nên tạo một phương pháp mở rộng.

Yêu cầu các lớp cơ sở hạ tầng:

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

Bây giờ chỉ cần sử dụng nó như thế này:

Tất cả trong một lệnh 😎

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