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

时间:2015-09-02 01:02:45

标签: css asp.net-mvc razor asp.net-mvc-5

我的asp.net mvc5网络应用程序中有以下bunlde: -

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和脚本文件的顺序?

2 个答案:

答案 0 :(得分:2)

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

如果您想要订购,则必须使this(对于脚本)和this(对于CSS文件)更改以专门为他们下订单。

我理解链接是旧的(从2012年开始),但我已经在ASP .NET MVC 5中成功使用了它。

答案 1 :(得分:0)

ASP.NET MVC具有某些文件的默认顺序。例如,它首先尝试加载jQuery。您可以这样清理该列表:

bundles.FileSetOrderList.Clear();

这对我有用。如果它不适合您,您可以明确指出应在捆绑中处理文件的顺序:

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