免责声明:我完全是AMD n00b。
我有一个项目,我正在尝试转换为AMD。最初,所有代码都在一个文件中。我能够将功能单元分成他们自己的模块,但它们都在同一个文件中。我决定将它们分成AMD模块,然后使用优化器组合所有内容。一个有用的贡献者已经将我的模块转换为UMD,因此将所有内容都移动起来似乎非常简单。
我的主文件(即我正在编写的图书馆)看起来像这样:
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(factory);
} else {
// Browser globals
root.regula = factory();
}
}(this, function () {
define(
[
"utils/MapUtils",
"utils/DOMUtils",
"service/BindingService",
"service/ExceptionService",
"service/ConstraintService",
"service/ValidationService",
"service/GroupService"
],
function (MapUtils, DOMUtils, BindingService, ExceptionService, ConstraintService, ValidationService, GroupService) {
...
...
return {
configure: configure,
bind: bind,
unbind: unbind,
validate: validate,
custom: custom,
compound: compound,
override: override,
Constraint: ConstraintService.Constraint,
Group: GroupService.Group,
DateFormat: DateFormat,
Exception: ExceptionService.Exception
};
}
);
}));
我的目录结构如下:
regula
├── amdtest.html
├── dist
│ └── src
└── src
├── build.js
├── domain
│ └── CompositionGraph.js
├── jquery.regula.js
├── lib
│ ├── closure
│ │ └── compiler.jar
│ ├── require
│ │ ├── require.js
│ │ └── r.js
│ └── rhino
│ └── js.jar
├── parser
│ └── Parser.js
├── regula.js
├── service
│ ├── BindingService.js
│ ├── ConstraintService.js
│ ├── ExceptionService.js
│ ├── GroupService.js
│ └── ValidationService.js
└── utils
├── ArrayUtils.js
├── DOMUtils.js
└── MapUtils.js
我的build.js
是:
({
appDir: "../",
baseUrl: "src",
dir: "../dist",
modules: [{
name: "regula"
}]
})
我正在使用Rhino和Closure运行优化器,如下所示:
java -cp lib/rhino/js.jar:lib/closure/compiler.jar org.mozilla.javascript.tools.shell.Main lib/require/r.js build.js
不幸的是,这不会产生任何类型的输出或错误。 regula.js
中引用的所有Javascript模块也都是AMD模块。知道我做错了什么吗?如果有帮助,我可以发布更多信息。我不想做大量的随机信息,因为正如我之前提到的,当涉及到AMD时,我是一个完全新手,所以我不完全确定什么是相关的。