如果我想通过bundleconfig.vb
文件管理我的Cdn文件并从Cdn加载Kendo ui,我需要创建两个捆绑包,如下所示:
Dim kendoWebBundle = New ScriptBundle("~/bundles/kendo", kendoCndWeb).Include("~/Scripts/kendo/kendo.web.min.js")
kendoWebBundle.CdnFallbackExpression = "typeof kendo"
bundles.Add(kendoWebBundle)
Dim kendoAspBundle = New ScriptBundle("~/bundles/kendoMvc", kendoCndAsp).Include("~/Scripts/kendo/kendo.aspnetmvc.min.js")
kendoAspBundle.CdnFallbackExpression = "typeof kendo"
bundles.Add(kendoAspBundle)
然而,我的第二个回退表达式不起作用,因为kendo
将被定义为:
输出:
<script src="//cdn.kendostatic.com/2014.2.716/js/kendo.web.min.js"></script>
<script>(typeof kendo)||document.write('<script src="/Gabarit.Web/bundles/kendo"></script>');</script>
<script src="//cdn.kendostatic.com/2014.2.716/js/kendo.aspnetmvc.min.js"></script>
<script>(typeof kendo)||document.write('<script src="/Gabarit.Web/bundles/kendoMvc"></script>');</script>
是否有一些kendo.aspnetmvc
回退表达式,或者我是否需要一起管理我的Cdnfallback(bundleconfig中没有回退表达式,手动验证剑道类型,如果未定义,则本地加载所有剑道文件)?
如果我选择第二个选项,如果我的CDN发送kendo.web.min.js,但不发送kendo.aspnetmvc.min.js,会发生什么?我觉得剑道会被定义,不会发生本地的后退。。。
使用本地脚本回退从CDN引用Kendo UI
这是Telerik建议你应该做的。
只需测试单个脚本,如果失败,则在本地加载所有内容。因此,不要先测试kendo.all.min.js,然后再测试kendo.aspx netmvc.min.js,如果CDN出现问题,你可能不会得到任何问题。
<script src="http://cdn.kendostatic.com/2014.1.318/js/kendo.all.min.js"></script>
<script>
if (typeof kendo == "undefined") {
// checking for loaded CSS files is cumbersome,
// that's why we assume that if the scripts have failed, so have the stylesheets
// fallback to local Kendo UI stylesheets
document.write(decodeURIComponent('%3Clink rel="stylesheet" href="/path/to/local/kendo.common.min.css" %3C/%3E'));
document.write(decodeURIComponent('%3Clink rel="stylesheet" href="/path/to/local/kendo.blueopal.min.css" %3C/%3E'));
// fallback to local Kendo UI scripts
document.write(decodeURIComponent('%3Cscript src="/path/to/local/kendo.all.min.js" %3E%3C/script%3E'));
// also add kendo.aspnetmvc.min.js or kendo.timezones.min.js, if needed
}
</script>
ASP.NET Web优化框架
就像你现在所做的那样,对下面的C#感到抱歉。只需将Kendo UI脚本放在单独的捆绑包中,并指定typeof kendo == undefined
回退表达式。
以同样的方式测试CSS,如果CDN不提供脚本,那么你的CSS也不会存在。
从NuGet获取Microsoft.AspNet.Web.Optimization
包。现在,在BundleConfig中,您可以设置捆绑包,不仅包括CdnPath,还包括CdnFallbackExpression:
public static void RegisterBundles(BundleCollection bundles)
{
bundles.UseCdn = true;
var kendo = new ScriptBundle("~/bundles/scripts/kendo", "http://cdn.kendostatic.com/2015.1.318/js/kendo.all.min.js").Include("~/Scripts/kendo/kendo.all.min.js");
kendo.CdnFallbackExpression = "typeof kendo == undefined";
bundles.Add(kendo);
var kendoMvc = new ScriptBundle("~/bundles/scripts/kendoMvc", "http://cdn.kendostatic.com/2015.1.318/js/kendo.aspnetmvc.min.js").Include("~/Scripts/kendo/kendo.aspnetmvc.min.js");
kendoMvc.CdnFallbackExpression = "typeof kendo == undefined";
bundles.Add(kendoMvc);
BundleTable.EnableOptimizations = true;
}
将回退表达式设置为"kendo"将导致使用本地资源。
我修改了@Nicholas代码以反映这一点:
public static void RegisterBundles(BundleCollection bundles)
{
bundles.UseCdn = true;
var kendo = new ScriptBundle("~/bundles/scripts/kendo", "http://cdn.kendostatic.com/2015.1.318/js/kendo.all.min.js").Include("~/Scripts/kendo/kendo.all.min.js");
kendo.CdnFallbackExpression = "kendo";
bundles.Add(kendo);
var kendoMvc = new ScriptBundle("~/bundles/scripts/kendoMvc", "http://cdn.kendostatic.com/2015.1.318/js/kendo.aspnetmvc.min.js").Include("~/Scripts/kendo/kendo.aspnetmvc.min.js");
kendoMvc.CdnFallbackExpression = "kendo";
bundles.Add(kendoMvc);
BundleTable.EnableOptimizations = true;
}