使用AspNet.Web.Optimization的Boostrap Javascript的CDN故障转移

时间:2014-03-13 19:49:37

标签: asp.net asp.net-mvc cdn

AspNet.Web.Optimization捆绑和缩小包支持使用CDN和本地故障转移。

public static void RegisterBundles(BundleCollection bundles)
{
    bundles.UseCdn = true;
    BundleTable.EnableOptimizations = true; //force optimization while debugging

    var jquery = new ScriptBundle("~/bundles/jquery", "//ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min.js").Include(
            "~/Scripts/jquery-{version}.js");
    jquery.CdnFallbackExpression = "window.jQuery";
    bundles.Add(jquery);
    //...
}

我发现的所有示例都集中在jQuery上使用它,但是当我在CDN上托管时,我试图在javascript文件上为Bootstrap找到适当的CdnFallbackExpression进行故障转移。

有人为此找到了解决方案吗?

1 个答案:

答案 0 :(得分:4)

bootstrap.CdnFallbackExpression = "$.fn.modal";

检查模态函数应该有效,并且似乎是互联网上最常用的方法(例如how to fallback twitter-bootstrap cdn to local copy)。

那应该写出类似的东西:

<script>    $.fn.modal || document.write('<script src="Script/bootstrap.min.js"><script>')</script>

如果您还想要css的东西,那么您可以手动完成。此代码段可能有所帮助:https://github.com/MaxCDN/bootstrap-cdn/issues/110

或者,有这个github项目:https://github.com/EmberConsultingGroup/StyleBundleFallback