更多模塊化的知識，請參考前端視頻專題《前端為什么需要模塊化》

第一步，下載RequireJS

下載過程略......

第二步，編寫模塊

第三步，編寫配置文件

重要說明：

AMD規(guī)范要求

一個標(biāo)準(zhǔn)模塊必須使用define函數(shù)來定義

就像上面的例子那樣。

對于不符合AMD規(guī)范的代碼，無法被視為一個標(biāo)準(zhǔn)的模塊

這會帶來一個問題，那就是它無法使用標(biāo)準(zhǔn)的方式來引入它需要的其它模塊，例如jquery等

于是才有了shim配置

它可以有效的解決非規(guī)范模塊的依賴問題

例如 jquery.cookie.js文件

由于這個文件不符合AMD規(guī)范的寫法

這個文件實(shí)際上依賴了jquery

但requireJS無法管理它的依賴

如果不使用shim進(jìn)行配置，將會出現(xiàn)找不到$的錯誤

第四步，編寫業(yè)務(wù)文件，使用這些模塊

第五步，頁面引入JS文件

到此為止，基本就可以使用了

不過在實(shí)戰(zhàn)當(dāng)中，這顯然是不夠完美的

因?yàn)槲覀兊腃SS還沒有被模塊化

第六步，下載樣式處理文件css.js

該文件非官方提供，需要自行百度

或加技術(shù)qq討論群720994366，領(lǐng)取

第七步，改造配置文件

通過css.js的處理，一個JS模塊，可以自動依賴對應(yīng)的樣式文件

加載模塊時(shí)，將更加的省力、省心

第八步，完。