asp.net - 使用 AspNet.Web.Optimization 的 Bootstrap Javascript 的 CDN 故障转移

Question

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 上托管时为 Bootstrap 的 javascript 文件找到适当的 CdnFallbackExpression 以进行故障转移。

有人找到解决方案吗？

Answer 1

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