requirejs-requirejs配置

配置不支持AMD的库和插件
  • Modernizr.js库不支持amd
  • bootstrap框架不支持amd
  • 其它的一些jquery插件
  • shim配置项(解决办法)
requirejs-requirejs配置_第1张图片
image.png

1.没有依赖的情况下


requirejs-requirejs配置_第2张图片
image.png

2.对于bootstrap只有依赖没有全局变量的情况下:如bootstrap依赖jquery,以下是简写


requirejs-requirejs配置_第3张图片
image.png

3.backbone依赖underscore 支持amd
requirejs-requirejs配置_第4张图片
image.png

underscore作为模块名定义了,在加载backbone的时候,会自动加载underscore


requirejs-requirejs配置_第5张图片
image.png
其他常用配置

1.map

项目初期开发使用jquery1.12.3,后期以为需要支持移动开发,升级到jquery2.2.3>
但是又担心之前依赖jquery1.12.3的代码升级到jquery2.2.3后可能会有问题,就保守的让这部分代码继续使用jquery1.12.3版本。意味着开发不同的模块加载不同的jquery

requirejs-requirejs配置_第6张图片
image.png

2.waitSeconds

下载js等待的时间,默认7秒。如果设为0,则禁用等待超时。

3.urlArgs

下载文件时,在url后面增加额外的query参数

urlArgs:"_="+new Date().getTime()

jsonp服务
  • 同源策略
  • 跨域获取数据
  • 本质是通过script标签去下载js,并执行js代码

requirejs-requirejs配置_第7张图片
image.png

相对于传统的jsonp,requirejs jsonp少了callback参数,数据里面是 define函数

requirejs-requirejs配置_第8张图片
image.png
requirejs-requirejs配置_第9张图片
image.png

你可能感兴趣的:(requirejs-requirejs配置)