requirejs

1.要使用requirejs必须先下载requirejs到工作目录下
2.通过script载入requirejs,其中src为requirejs的相对目录,data-main="js/app/main"为了加载主js(主js用来加载其他模块)
3.requirejs.config的配置问题
牢记baseUrl+paths =====你要加载的模块的地址
4.通过require()来加载模块,括号里为一个模块字符串的数组,可以带一个callback,当加载完所有模块时,执行callback,这就是为什么requirejs能够解决模块依赖的原因,只有当所有模块被加载才执行模块的功能

RequireJS解决了两个问题:

(1)实现js文件的异步加载,避免网页失去响应;

(2)管理模块之间的依赖性,便于代码的编写和维护。
等模块加载完成后再调用模块的内容

-----r.js打包
执行命令:r.js -o build.js r.js全局安装的时候不用把r.js拷贝到build.js文件目录下
config配置

  1. baseUrl : 为main.js所在的文件夹下,一般情况下与requirejs.config的baseUrl相同
  2. paths : 要压缩几个模块就写几个模块相对应的目录
  3. name : 主js的名字
  4. out : 压缩后放置js的目录
  5. function必须带参数,参数为模块相对应的名字
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • RequireJS路径详解(深入理解) 0. 前言 由于官方文档说明甚少,导致RequireJS的路径解析逻辑就像...
    大猫Kevin阅读 9,513评论 1 11
  • 参考资料 RequireJS 中文网Javascript模块化编程(三):require.js的用法——阮一峰 前...
    BeYanJin阅读 7,149评论 2 12
  • 导语: 之前一直有听说RequireJS,但是一直都没机会去了解,只知道它是一个给js做模块化的API。最近在做R...
    wuqke阅读 40,966评论 11 78
  • 高铁盛行的年代,普通火车已经略显落伍。提起绿皮车,想必都市里的精英人士更是不屑于去坐。可是普通火车还并没有消亡。 ...
    且休休阅读 585评论 2 1
  • 问答 继承有什么作用?继承可以将另一个function上的prototype拷贝过来,当想做多个属性的面包的时候会...
    StarLikeRain阅读 279评论 0 0