首先說一下前端常用的打包工具

webpack, requierJs,grunt　　其中,webpack 為了方便同時支援　amd 與　cmd 規範, NodeＪs遵循cmd 規範, 而requireJs 遵循amd 規範, 而瀏覽器本身是不支援　cmd(同步載入js,載入過程中會造成渲染阻塞，假死現象), 當然amd 是可以得到支援的, 而在webpack 進行js,合併　壓縮　隔離之後,commonJs require的另一模組可以被預編譯到另一個js檔案中,因而使前端使用　commonJs 規範成為可能

commonJs規範在寫法上要比amd 規範更為簡潔,一次你被多數人喜愛.
 

amd規範基本寫法：

define(function(){
    function fun1(){
      alert("it works");
    }

    fun1();
})

require(["js/a"],function(){
    alert("load finished");
})

有關　amdJs 規範詳細內容　參考阮一峰部落格：