Question

我正在尝试在ASP.NET MVC 5应用程序中使用特定的语言环境（es-CL）。我有以下几点：

将web.config uiculture和culture更改为“es-CL”
已安装Globalize和jQuery.Validation.Globalize个套件
更改了观看次数中的默认语言：<html lang="es-cl">
创建了一个新的Bundle并包含在相应的视图中。

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

请注意，在 globalize.js 之前加载 jquery.validate.globalize.js 脚本，这不是我想要的。

为什么会这样？是否可以在单个包中依赖包含顺序，或者我是否被迫将此单个脚本放在不同的包中并在我的视图中指定它？

Answer 1

默认情况下，对于带有通配符的名称，捆绑顺序是按字母顺序排列的（如注释中所述）。但是，它还根据它认为您的依赖树的顺序进行排序，并且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的问题的回答进一步深入了解了流行脚本库的默认排序：

Ordering of Files within a bundle - What are the known libraries?

Answer 2

在最新版本的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);

Answer 3

要在创建捆绑包时减少代码，我建议您创建一个扩展方法。

需要基础设施类：

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

ASP.NET MVC - Bundle Config命令

3 个答案: