require js的基本配置文件格式如下:
requirejs.config({
baseUrl: "src/js",
paths: {
'jquery': 'lib/bower_components/jquery/dist/jquery.min'
}
});
baseUrl作用
:给后续所引用的模块自动添加一个前缀,也就是说后续所引用的模块的地址是在此url基础上加引用时的小部分路径构成的。
baseUrl的基准
:以引用config
的那个html
文件的所在目录为基准。
paths的作用
:为一些跨baseUrl目录
或在当前目录下路径较长
的模块做路径设置,在引用有设置paths
的模块时,会用baseUrl+paths
作为路径去获取模块。
paths的用法
:例如,大部分模块在module
中,而我的jquery
因为分类是库,所以放在lib
下了,此时baseUrl
兼顾大众需求设为'js/module'
,而对于jquery
因为不在module
下所以我在paths中单独给它设路径为'../lib/jquery'
。
requirejs.config({
baseUrl:'js/module',
paths:{
jquery:'../lib/jquery'
}
});
r.js 的打包配置文件格式如下:
({
baseUrl: "./src/js",
paths: {
'jquery': 'lib/bower_components/jquery/dist/jquery.min'
},
name: "main",
out: "dist/js/merge.js"
})
baseUrl
:这个baseUrl
是基础路径,它的任务是搭配paths或下方name、out的路径来找到对应的模块、解析起始点(即name)、输出位置(即out),它是以自身所在目录为基准的。
name
:是解析入口,搭配上面的baseUrl
拼接出路径,拼接出的路径要指向require.js
的配置文件;图中的解析入口就是"./src/js/main.js"
,从main.js
开始解析打包。
网友评论