- 如下requirejs配置中, baseUrl 有什么作用?以什么作为基准? paths 的作用和用法是什么?
requirejs.config({
baseUrl: "src/js",
paths: {
'jquery': 'lib/bower_components/jquery/dist/jquery.min'
}
});
- baseUrl: 指模块的查找根路径。默认的baseUrl为包含RequireJS的那个HTML页面的所属目录。
- paths:path应用在一些不放在baseUrl目录下的模块名。使用一个特定的路径,在上例中使用jquery时将映射到lib/bower_components/jquery/dist/jquery.min目录下的文件。
- 当我们不使用"baseUrl + paths"的解析过程时,而是直接指定加载某一个目录下的脚本,可以使用以下规则
- 以 ".js" 结束.
- 以 "/" 开始.
- 包含 URL 协议, 如 "http:" or "https:".
- 如下 r.js 的打包配置中 baseUrl 是什么? name 是什么
({
baseUrl: "./src/js",
paths: {
'jquery': 'lib/bower_components/jquery/dist/jquery.min'
},
name: "main",
out: "dist/js/merge.js"
})
- baseUrl:require.js的baseUrl,以自己目录为基准(与 data-main 入口文件的baseUrl的路径相同)
- name:baseUrl目录下入口模块的名字,定位到 data-main 中的入口文件
- out:最后文件的输出路径,相对于build.js本身的路径
代码
- 使用 requirejs 完善网站,包括如下功能:
首屏大图为全屏轮播
有回到顶部功能
PORTFOLIO 使用瀑布流布局(图片高度不一),下部有加载更多按钮,点击加载更多会加载更多数据(数据在后端 mock)
About 每个时间区块默认隐藏,曝光渐变展示
使用 r.js 打包应用
代码地址
本博客版权归 本人和饥人谷所有,转载需说明来源
网友评论