如何控制css文件在StyleBundle中的渲染顺序

Question

在我的asp.net mvc5 web应用程序中，我有以下漏洞：

bundles.Add(new StyleBundle("~/Content/css").Include(
                      "~/Content/bootstrap.css",
                      "~/Content/style.css",
                      "~/Content/touchTouch.css",
                      "~/fonts/font-awesome.css"));

现在，这是否总是在bootstrap.css之后呈现style.css？或者这是不能保证的？如果上面的代码不能保证顺序，那么我如何控制捆绑包中css和脚本文件的顺序呢？

Answer 1

不是的。我不会总是在bootstrap.css之后呈现style.css。

如果你想要排序，你必须修改this (用于脚本)和this (用于CSS文件)来明确地给它们一个顺序。

我知道这些链接是旧的(从2012年开始)，但我已经在ASP .NET mvc5中成功地使用过它。

Answer 2

对于某些文件，ASP.NET MVC有一个默认顺序。对于ex，它尝试首先加载jQuery。您可以通过以下方式清除该列表：

bundles.FileSetOrderList.Clear();

这对我很管用。如果它对你不起作用，你可以明确指出在你的捆绑包中处理文件的顺序：

bundles.FileSetOrderList.Clear();
BundleFileSetOrdering ordering = new BundleFileSetOrdering("custom order");
ordering.Files.Add("jquery.js");
bundles.FileSetOrderList.Add(ordering);