一、引入 require js
data-main 属性 是入口文件
<script src="js/require.js" data-main="js/main"></script>
二、编写 本身的模块代码
require()函数接受两个参数。第一个参数是一个数组,表示所依赖的模块,上例就是['moduleA', 'moduleB', 'moduleC'],即主模块依赖这三个模块;第二个参数是一个回调函数,当前面指定的模块都加载成功后,它将被调用。加载的模块会以参数形式传入该函数,从而在回调函数内部就可使用这些模块。
注意:
加载时 requirejs 默根路径是 入口文件(上面中main.js) 所在文件夹 能够经过 require.config 来改变 (baseUrl)
require.config()就写在主模块(main.js)的头部。参数就是一个对象,这个对象的paths属性指定各个模块的加载路径。
三、自定义 模块
define(function (){ var add = function (x,y){ return x+y; }; return { add: add }; }); define(['myLib'], function(myLib){ function foo(){ myLib.doSomething(); } return { foo : foo }; });