實戰Dojo與RequireJS整合 之一

在前幾篇關於Dojo 1.6中新加入AMD支援的介紹文章中我們提到， 雖然dojo1.6 沒有內建一個AMD載入器，但是dojo可以作為一個AMD模組被任意標準AMD 載入器（AMD loader) 載入（例如requireJS)

後面有讀者問具體如何?。 本文就次做一些探討。

在開始動手之前我們要下載一些素材

首先我們要感謝Ben Hockey 他已經為dojo 和requireJS的整合做了一個模板項目， 在GitHub上供人下載參考。 地址是：

https://github.com/neonstalwart/dojo-requirejs-template

點擊download， 下載zip包解壓後如下：

本文會以他提供的模板來示範 dojo和requireJs的整合並解釋其中的一些具體步驟.

其次我們要下載一個dojo1.6 的源檔案版本

http://download.dojotoolkit.org/release-1.6.0/dojo-release-1.6.0-src.zip

並解壓到本地硬碟任意目錄中。

下載require.js 和需要用到的兩個plugin　text 和i18n， ：

http://requirejs.org/docs/release/0.24.0/comments/require.js

http://requirejs.org/docs/release/0.24.0/comments/text.js

http://requirejs.org/docs/release/0.24.0/comments/i18n.js

開發工具，這次我們會使用aptana studio 來作為開發工具。 Firefox加Firebug來作為測試瀏覽器和調試器在Aptana Studio中建立一個

新的Web 專案，例如TestDojoAndRequireJS

把剛才下載的模板項目的檔案複製到該項目中。

把require.js 複製到項目中的requirejs檔案夾中，把兩個plugin js檔案複製到項目根目錄。 如：

最後我們還需要在項目裡建立一個名為dojo的檔案夾連結， 讓它指向我們剛才解壓出的dojo1.6源檔案夾。 （這樣我們就不需要把全部dojo源檔案複製到項目中來了，一套dojo源檔案可以被多重專案同時引用)

到此為止，所有的工作都已經準備就緒了。接下來我們可以右鍵選擇index.html 在菜單中選擇"Run As->JavaScript Web Application"

 

如果你看到下面的彈出框和頁面內容（使用英語和法語兩種語言顯示的一年12個月的月份名稱），證明你已經成功的使用reqiureJS裝入了dojo core和dijit 的所有模組.

下一篇中我們會具體分析這個項目模板的原始碼，來告訴你這是如何?的.