RequireJS官網:www.requirejs.org

為什么使用RequireJS
1、有效的防止變量沖突
2、解決不同的js文件之間的依賴
3、可以寫出模塊化的代碼

RequireJS常用的方法:
1、requirejs.config
2、requirejs
3、define

入口文件(主模板):
data-main=""

<script src="js/require.js" data-main="js/main"></script>

主模板main.js如何編寫呢?

//配置require 定義別名
requirejs.config({
        //baseUrl: "js/lib",            //改變基目錄（baseUrl)
        paths:{             //指定模塊的加載路徑
            定義模塊別名:'引入依賴的js文件的加載路徑'
        },shim{     
//專門用來配置不兼容的模塊。具體來說，每個模塊要定義
//（1）exports值（輸出的變量名），表明這個模塊外部調用時的名稱；
//（2）deps數組，表明該模塊的依賴性。      
            'jquery.scroll': {
                  deps: ['jquery'],
                 exports: 'jQuery.fn.scroll'
             }
        }
})

//引入模板
requirejs(['引入依賴模塊名','valuedata'],function($,valuedata){        //回調函數
        console.log(valuedata.show);
})

valuedata.js 如何定義一個模塊
1、沒有依賴項可以直接寫函數,有依賴模塊define第一項參數必須為數組
2、依賴模塊名:'text!review.txt','image!cat.jpg' text和image插件，則是允許require.js加載文本和圖片文件。

define(['引入依賴模塊名'],function(//形參){
    return {
        show:function(){
            return 2;
        };
    }
})