require.js 配置文件研究

//require.config用来配置一些参数，它将影响到requirejs库的一些行为
require.config({
  /* ==============================================
  1. "/" 表示网站根目录
  2. "" 表示当前html,php文件的目录
  3. "abc/efg" 表示：当前文件目录/abc/efg
  4. "abc" 表示：当前文件目录/abc
  */
  "baseUrl": "base",
  /* ==============================================
  1. "math": "math" 前面是模块名字，可以乱改，调用时候使用，后面是模块路径，要对应math.js
  */
  "paths": {
    /* 必备加载 */
    "yoyoui_panel": "yoyoui_panel",
    "math": "math"
  },
  /* ==============================================
  1. 暂时没有研究，听说是延迟用的
  */
  /* "waitSeconds": 15, */

  /* ==============================================
  1. map 用来加载css的js插件
  2. 如果都没有依赖要加载的css模块，则不会加载css.min.js
  */
  "map": {
    "*": {
      "css": "css.min.js"//
    }
  },
  /* ==============================================
  1. shim 配置加载css路径
  2. 下面说明math.js模块依赖此css样式，在css样式加载完成后，才会加载math.js
  3. 如果math.js在最下面那里没有执行，则不会加载此css样式
  */
  "shim": {
    "math": [
      /* css必备加载 */
      "css!http://www.cnblogs.com/skins/SimpleClear/bundle-SimpleClear.css"
    ],
    "yoyoui_panel": [
      "css!http://www.cnblogs.com/blog/customcss/69634.css"
    ]
  }
});

// main.js
require(["math","yoyoui_panel"], function(math) {
  alert(math.add(1, 2));
  alert(math.min(5, 1));
  $('.panel').yoyoui_panel();
});

//在点击编缉按钮时候，加载js模块列表，然后再获取模块信息，然后再加载，界面配置内容，再加载界面内容，解析界面，加载界面内容