您的位置:首页 > 产品设计 > UI/UE

requireJs 引用cdn失败后加载本地js

2017-04-11 20:19 645 查看
问题:页面中引用js和css过多会导致页面加载变慢

                   引用cdn中的js和css会比直接在本地上传时间短

解决办法:我本地项目用到requireJs加载页面中的js和css,变为cdn加载时需要改动如下

1.jquery: ["https://cdn.bootcssddd.com/jquery/1.11.1/jquery.min","static/lib/jquery/jquery-1.9.1.min"],


2.增加build.js 代码如下
({
baseUrl: "/js",
paths: {
"jquery": "empty:"

},
dir: "/js-build",
optimize: "uglify",
optimizeCss: "standard.keepLines",
mainConfigFile: "config.js",//config.js为1中引用的文件
removeCombined: true,
})


3.普通js变为cdn

<link href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet">


再加如下js即可
<!-- cdn加载失败后,加载本地-->
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
document.write(unescape("%3Cscript src='${ctx}/static/lib/jquery/jquery-1.9.1.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  cdn requirejs javascript
相关文章推荐