學習了阮一峰大神關於javascript模組化開發整理的筆記：

總結：使用require.js只需做三件事情。
1.定義模組

// 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

　　　　};

　　});

2.載入模組

// main.js

　　require(['math'], function (math){

　　　　alert(math.add(1,1));

　　});

載入非規範的模組

//舉例來說，underscore和backbone這兩個庫，都沒有采用AMD規範編寫。如果要載入它們的話，必須先定義它們的特徵。
require.config({
　　　shim: {
　　　　　'underscore':{
        　　　exports: '_'
    　　  },
    　　　'backbone'
 
: {
    　　　　　deps: ['underscore', 'jquery'],
    　　　　　exports: 'Backbone'
    　　　}
    }
});
//shim屬性，專門用來配置不相容的模組。[也就是自己定義的模組]具體來說，每個模組要定義（1）exports值（輸出的變數名），表明這個模組外部呼叫時的名稱；（2）deps陣列，表明該模組的依賴性。



//比如，jQuery的外掛可以這樣定義：
shim: {
　　　'jquery.scroll': {
　　　
　　　　　deps: ['jquery'],

　　　　　exports: 'jQuery.fn.scroll'
 


　　　}
}

3.配置檔案require.config

//path屬性指定各個模組的載入路徑(這種寫法預設主模組和這些模組在同一目錄下)
require.config({
　　　　paths: {
　　　　　　"jquery": "jquery.min",
　　　　　　"underscore": "underscore.min",
　　　　　　"backbone": "backbone.min"

　　　　}

　　});

//這種是直接改變基目錄baseUrl
require.config({
　　　　baseUrl: "js/lib",
　　　　paths: {
　　　　　　"jquery": "jquery.min",
　　　　　　"underscore": "underscore.min",
　　　　　　"backbone": "backbone.min"

　　　　}

　　});