requirejs入門

1.加載requirejs和入口文件

<!--加載js，入口是js/main.js-->
<script data-main="js/main.js" src="js/require.js"></script>

 

2.入口文件配置

<!--main.js內容-->
//requirejs配置 requirejs.config({ 　　baseUrl: 'js/lib',　　  //相對地址
　　paths: {            　　//加載路徑
　　　　　　　"jquery": "jquery.min", 　　　　　　　"underscore": "underscore.min", 　　　　　　　"backbone": "backbone.min" 　　 }
)} //載入js，加載jquery,math,app/sub 三個模塊 //require兩個參數，第一個參數是數組，第二個是回調函數
require(['jquery', 'math', 'app/sub'],function($,math,sub) { //====代碼=====
});

 

3.定義模塊

//math.js
//直接定義
define(function (){
　　var add = function (x,y){
　　    return x+y;
　    };
　　return {
　　　add: add
　　};
});

//若依賴其餘庫，則引入
define(['myLib'], function(myLib){
　　function foo(){
　　　　myLib.doSomething();
　　}
　　return {
　　　　foo : foo
　　};
});