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

来源：互联网发布：vc2015 windows 7 编辑：程序博客网时间：2024/05/24 03:19

问题：页面中引用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>

0 0