首页 > 代码库 > requireJS学习笔记
requireJS学习笔记
main.js
requirejs.config({
baseUrl: ‘scripts/lib‘,
paths: {
app: ‘../app‘,
style:‘../../style‘,
resources:‘../../resources‘,
css:‘require-css/css‘,
jquery: ‘jquery‘,
formBootstrap:‘formValidation/dist/js/framework/bootstrap‘,
formvalidation:‘formValidation/dist/js/formValidation‘,
iCheck:‘icheck/icheck‘,
text:‘require-text/text‘
},
shim : {
formvalidation : {
deps : [ ‘jquery‘]
},
formBootstrap:{
deps: [‘formvalidation‘]
},
iCheck: [ ‘jquery‘]
},
map: {}
});
baseUrl: configure loading modules form that directory.
把所有的第三方依赖,如jQuery, 放在lib文件夹下。baseUrl被设置为lib,requireJS会基于这个目录来寻找依赖的模块。如果不设置,baseUrl默认为data-main指定的文件(在html中指定)所在的路径。
paths: the paths config is only for setting up root paths for module IDs . paths配置仅用于设置对应模块ID的根路径
- app:‘../app‘
声明依赖 require(["app/common"].. 的时候,其实是在寻找 ../app/common.js。
- text:‘require-text/text‘
对于插件,如text,有以下说法:如写在 map:*中,无法在Node下顺利加载。
- 有说法,不是以paths中声明的项目开头的路径,不受影响。但在实际使用中,依然会被代换。
比如,require(["../../app/common"],其中的 app 会被代换为 ../app
map: mapping one module ID to another one. 当想对同一个资源指定多个版本时,应该使用map来加载多条路径
- ‘*‘:对于所有的模块加载,使用本map配置。如果还有更细化的map配置,会优先于"*"配置。
例如:
‘*‘: { ‘jquery‘: ‘jquery-private‘},
‘jquery-private‘: { ‘jquery‘: ‘jquery‘}
‘jquery‘: ‘jquery-private‘: 表示所有的模块在依赖‘jquery‘,实际上依赖的是 ‘jquery-private‘
‘jquery-private’在表示依赖‘jquery‘时, 依赖的是真正的jQuery模块。如果不写这行,就会形成依赖循环。
requireJS学习笔记