例子压缩包点此下载
RequireJS 是一种 AMD 方式的 JavaScript 模块管理库.
关于 CommonJS, AMD, CMD 自行百度, 一般无需深入.
也可以参考这里
JS 模块化编程之彻底弄懂 CommonJS 和 AMD/CMD!
RequireJS 的特点是凡是使用它管理的 JavaScript 模块, 需要 JavaScript 模块修改自己的实现适配 RequireJS, 一堆堆的 define,require,RequireJS 语句 (烦人). 但如果用 TypeScript 开发再编译成 JavaScript, 无需特别适配 (喜人), 只需把 tsconfig.JSON 里面的 "module" 从 "commonjs" 修改成 "amd" 即可. 如果不理解 TypeScript , 无需深究, 记住这个知识点就可以.
RequireJS 官网
https://requirejs.org/
RequireJS GitHub 地址
https://github.com/requirejs/requirejs
国内有一个中文网站
http://www.requirejs.cn/
这里提供一个完整的 RequireJS 和 JavaScript 模块结合的例子, 管中窥豹.
- about.html,index.HTML,main.JS,require.JS,util.JS
- =============================================
about.HTML
- ------------------------------------------------------------------------------------------------
- <a href="index.html">Jump To index.HTML</a>
- =============================================
index.HTML
- ------------------------------------------------------------------------------------------------
- <HTML>
- <head>
- <title>INDEX</title>
- </head>
- <body>
- Hello Index!
- <br>
- <a href="about.html">Jump To about.HTML</a>
- <br>
- <p id=myp></p>
- <script data-main="main" src="require.js"></script>
- </body>
- </HTML>
=============================================
main.JS
- ------------------------------------------------------------------------------------------------
- RequireJS(["util"], function(util) {
- var c = util.Add(100, 200);
- //Windows.alert(c);
- //document.write(c); 这个执行时刻在 Windows.onload 之后, 会清空文档
- document.getElementById("myp").innerText = c + "," + new Date();
- });
- =============================================
require.JS 这个是官方版本 2.3.6, 原版, 见压缩包
=============================================
util.JS
- ------------------------------------------------------------------------------------------------
- define(function () {
- return {
- Add: function (a, b) {
- return a + b;
- }
- };
- });
来源: http://www.bubuko.com/infodetail-2884893.html