JAVASCRIPT網頁應用程式設計

相依性管理（Dependency Management）

|

97

模組的替代方案

不過有些人可能不見得想用模組功能，因為他們可能已經有一大堆前人寫好的程式碼

和函式庫，這些程式可能無法輕易的被轉換為模組。不過還好，針對上述這樣的狀

況，也有些替代方案可用。像是Sprockets（

http://getsprockets.org

）。 Sprockets 會幫

JavaScript 程式加上同步的

required()

支援。

//=

這種型式的註解，就是寫給 Sprockets

preprocessor 看的指令。舉例來說，

//= require

這行指令，就是要 Sprockets 到它的載

入路徑裡面去找函式庫檔案、載入函式庫檔案，並將函式庫檔案的內容直接放進目前的

程式檔裡：

//= require <jquery>

//= require "./states"

這段範例程式碼裡的

jquery.js

被放在 Sprockets 的載入路徑裡，而

states.js

則是和執行

這段程式的檔案放在相同目錄下。Sprockets 相當聰明，無論你針對相同的函式庫下幾

次的 require 指令，它都只會引用一次函式庫檔案的內容。此外，Sprockets 和所有的

CommonJS 模組包裝器一樣，都支援快取和精簡程式碼的功能。在程式開發階段時，可

以讓伺服器在載入網頁的過程中動態解譯、合併模組檔案。不過等到程式正式上線後，

建議最好把事先合併好的 JavaScript 檔案準備好，以免影響程式效能。

雖然 Sprockets ...