问答

如下requirejs配置中, baseUrl 有什么作用？以什么作为基准? paths 的作用和用法是什么?

requirejs.config({
  baseUrl: "src/js",  
  paths: {
    'jquery': 'lib/bower_components/jquery/dist/jquery.min'
  }
});

• baseUrl设置项目文件的基本路径，当加载模块时，模块文件的路径是以baseUrl即src/js文件为基准的。
• paths设置一个复杂路径下对应的模块，比如例子中jquery所在的路径比较深，通过paths设置后，当加载jquery时，会直接查找对应的’lib/bower_components/jquery/dist/jquery.min’目录。

如下 r.js 的打包配置中 baseUrl 是什么? name 是什么

1
2
3
4
5
6
7
8

({
    baseUrl: "./src/js",
    paths: {
        'jquery': 'lib/bower_components/jquery/dist/jquery.min'
    },
    name: "main",
    out: "dist/js/merge.js"
})

• baseUrl是r.js查找文件的基准路径，所有模块的文件路径都是在在这个基础上的
• name是r.js解析的入口文件，r.js解析式先从这个文件开始
• out压缩后的输出路径

  代码

  1. 使用 requirejs 完善任务15，包括如下功能：

  首屏大图为全屏轮播
  有回到顶部功能
  PORTFOLIO 使用瀑布流布局（图片高度不一），下部有加载更多按钮，点击加载更多会加载更多数据(数据在后端 mock)
  About 每个时间区块默认隐藏，曝光渐变展示
  使用 r.js 打包应用
  预览地址