支持seaJs和requireJs的前端模块开发方案（四）：AMD模式和CMD模式下的config.js

前言：

前一篇文章已经对加载器全局配置alias.js做了说明，请务必先阅读。

本文将继续完善amd模式和amd模式下的config配置，同时贴出全部代码，代码不做详细的讲解，有不懂的可以留言提问。

config.js

config.js文件存放于app下或app下级系统单元中，如我在支持seaJs和requireJs的前端模块开发方案（一）：方案介绍中的目录结构要求中所要求的，例如“/static/apps/amd-requireJs-demo/js/config.js”。

config.js文件主要包含以下几个功能：

• 在手动模式下，获得_SYSTEMURL这个资源目录；
• 加载器模块配置；
• 完整化顶层加载器配置与本文档中模块加载器配置；

AMD模式的config.js：

/* 系统模块配置 */
if(document.getElementById("ENTRY") === null){
  var _SYSTEMURL = static_folder + 'apps/amd-requireJs-demo/js/';
}
require.config({
    // 基础路径
    baseUrl: _LIBSURL,
    //requireJs模块别名配置
    paths: {
        'global': _SYSTEMURL +'global'
    },
    // requireJs输出常规组件，可以AMD模式调用
    shim: {
    },
    // requeirJs映射配置
    map: {
    },
    urlArgs: "bust=" +  (new Date()).getTime()
});
/* 完整化paths与shim */
(function(){
    var sysAlias = requirejs.s.contexts._.config.paths;
    var sysShim = requirejs.s.contexts._.config.shim;
    requirejs.s.contexts._.config.paths = newAlias.aliasIntegrate(sysAlias,'amd');
    requirejs.s.contexts._.config.shim = newAlias.shimIntegrate(sysShim,'amd');
})();

以及CMD模式的config.js：

/* 系统模块配置 */
if(document.getElementById("ENTRY") === null){
  var _SYSTEMURL = static_folder + 'apps/cmd-seaJs-demo/js/';
}
seajs.config({
  // 基础路径
  base: _LIBSURL,
  // seaJs模块别名配置
  alias: {
	"global": _SYSTEMURL + 'global'
  },
  // seaJs预加载项
  preload: [
    Function.prototype.bind ? '' : 'es5-safe',
    this.JSON ? '' : 'json'
  ],
  // seaJs映射配置
  map: [
    [".js", ".js?" + new Date().getTime()]//给JS加上时间戳
  ],
  // 调试模式
  debug: false,
  // 文件编码
  charset: 'utf-8',
  //加载器等待脚本加载的最长时间，单位：毫秒
  timeout: 20000
});
/* 完整化alias */
(function(){
  var sysAlias = seajs.config().data.alias;
  seajs.config().data.alias = newAlias.aliasIntegrate(sysAlias,'cmd');
})();

以上代码可以看出requireJs配置中的paths和seaJs配置中的alias都只配置了一个global模块的别名，global.js是当前访问页面所属app或者app下级模块单元的公共业务脚本，我的习惯是存放页头脚本、页脚脚本、弹窗登录脚本、侧边工具栏脚本等其他具有公共性质的业务脚本，所以global别名不会配置在具有顶级配置意义的alias.js中。

本文涉及到了requireJs和seaJs的config配置，请自行参阅两个模式工具的文档。