使用 AspNet.Web.Optimization 的引导 Javascript 的 CDN 故障转移答案

【问题标题】：CDN Failover for Boostrap Javascript using AspNet.Web.Optimization使用 AspNet.Web.Optimization 的引导 Javascript 的 CDN 故障转移
【发布时间】：2014-03-13 19:49:36
【问题描述】：

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 进行故障转移。

有人找到解决方案了吗？

【问题讨论】：

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

【解决方案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 的东西，那么您可以手动完成。这个 sn-p 可能会有所帮助：https://github.com/MaxCDN/bootstrap-cdn/issues/110

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

【讨论】：