xloader

一个精致实用的Javascript模块加载器，可用于NodeJs环境和浏览器环境。

Useage

在HTML中引入加载器

<script src="${path-to-xloader}/dist/xloader.min.js"></script>

API

define(id, depends, factory) - 定义模块

/**
 * 定义模块
 * @param {String}    id      - 模块id
 * @param {Array}     depends - 依赖的模块
 * @param {NotArray}  factory - 模块构造器
 */
define(id, depends, factory)
define(id, depends)
define(id, factory)

require(ids, callback) - 加载模块

/**
 * 加载模块
 * @param {Array|String}  - 待加载的模块列表
 * @param {Function}      - 回调方法，可以省略
 * @return {Any}          - 同步加载时，会返回第一个已加载的模块，如果是异步加载返回`undefined`
 */
require(ids, callback)

xloader.config(name, value) - 配置加载器

loader.config(name)
loader.config(name, value)

一般用于配置alias和resolve规则

配置resolve

xloader.config('alias', {
  'util-request', 'util/request'
});

alias也可以是一个function

xloader.config('alias', function(id) {
  if (id.startsWith('ui-')) {
    return 'ui/' + id;
  }
});

配置resolve规则

xloader.config('resolve', function(id) {
  return '/assets/' + id + '.js';
});

xloader.new(namespace, [options]) -> Loader

定义一个新的loader

window.x = xloader.new('x', { autoloadAnonymous: true });

然后就可以使用x加载器了

x.define('util', ['exports'], function(exports) {
  exports.sum = function(a, b) {
    return a + b;
  };
});


x.require(['util'], function(util) {
  util.sum(1, 2).should.be.equal(3);
});

新构建的加载器支持以下API：

loader.define(id, depends, factory)

定义模块

loader.require(depends, callback)

加载模块

loader.hasDefine(id)

判断模块是否已加载

loader.undefine(id)

取消定义一个模块

loader.getModules()

取得加载器中所有的模块

loader.resolve(id)

解析模块远程地址

xloader.noConflict(deep)

默认情况下，加载器会占有xloader, define, require三个全局变量，如果有冲突时可以使用这个方法解决

window.x = xloader.noConflict();
define(...)     // 这个就是原来的define
x.define(...)   // 现在就可以使用x来定义和加载模块了

开发和构建

运行开发环境

git clone https://github.com/bencode/xloader.git
cd xloader
npm install
npm start

运行单元测试

• NodeJs环境

npm run test

• 浏览器环境

http://127.0.0.1:8080/test/browser/

构建

npm run build