[英]mvc4 bundle, how it is working?
在mvc4中,他们使用bundle来调用所有脚本和css文件一次。 据我所知,当你调用它们时,js和cs文件的顺序很重要。 如果我使用捆绑包,我怎么知道css和js文件在捆绑包内的顺序是否正确? 我可以自定义订购吗?
我现在遇到了我的datepicker的问题,似乎它的css文件/主题没有正确加载所以我想检查bundle如何订购css / js文件...谢谢:)
<link href="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Content/css")" rel="stylesheet" type="text/css" />
<link href="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Content/themes/base/css")" rel="stylesheet" type="text/css" />
<script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Scripts/js")"></script>
您可以通过创建自己的包来控制“css”和“js”文件的顺序,如此主题所示。
一件重要的事情是你必须更换
BundleTable.Bundles.RegisterTemplateBundles();
同
BundleTable.Bundles.EnableDefaultBundles();
在Global.asax.cs中
这个问题的答案很晚,但是ASP.NET MVC按字母顺序排序文件。 您还可以使用IBundleOrderer界面手动订购脚本文件。
例如,使用自定义的IBundleOrderer实现:
Bundle myBundle = new Bundle("~/bundles/SiteScripts", new JsMinify());
myBundle.IncludeDirectory("~/Scripts/SiteScripts", "*.js");
myBundle.Orderer = new MyBundleOrderer();
bundles.Add(myBundle);
MyBundleOrderer从web.config文件中获取高优先级脚本:
public class MyBundleOrderer : IBundleOrderer
{
public IEnumerable<System.IO.FileInfo> OrderFiles(BundleContext context, IEnumerable<FileInfo> files)
{
if (ConfigurationManager.AppSettings["HighPriorityScripts"] != null)
{
string[] highPriorityScripts = ConfigurationManager.AppSettings["HighPriorityScripts"].Split(',');
List<FileInfo> listFiles = new List<FileInfo>(files);
List<FileInfo> orderedFiles = new List<FileInfo>();
// Add high priority files in order :
foreach (string highPriorityFile in highPriorityScripts)
{
FileInfo nextFileInfo = listFiles.Find(delegate(FileInfo arg)
{
return arg.Name == highPriorityFile;
}
);
if (nextFileInfo != null)
{
orderedFiles.Add(nextFileInfo);
}
}
// Add remaining files to bundle :
foreach (FileInfo lowPriorityFile in listFiles)
{
if (!orderedFiles.Contains(lowPriorityFile))
{
orderedFiles.Add(lowPriorityFile);
}
}
return orderedFiles;
}
return files;
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.