使用節點包客戶端與requireJS？

Question

我需要在正在構建的應用程序中解析客戶端的一些CSS文件。 有一個出色的npm軟件包可以做到這一點：

https://github.com/NV/CSSOM

我想拿這個包，將其粉碎成一個文件，並作為它的依賴項加載到我的requireJS實現中。 本質上，我想這樣使用它：

//A module in which I'll use CSSOM - I use CommonJS syntax almost exclusively
define( function(require) {
    var $ = require('jquery');
    var CSSOM = require('lib/CSSOM');
});

全面披露，我之前從未真正在node.js中進行編碼（我真的很想使用此模塊）。 我該怎么做才能做到這一點？

Answer 1

將CSSOM作為非AMD腳本加載

這將在一個文件中提供CSSOM。

CSSOM指示從其github站點將其構建為瀏覽器腳本：

$ git clone https://github.com/NV/CSSOM.git
$ cd CSSOM
$ npm install -d
$ ./node_modules/.bin/jake

根據我在此處看到的內容，您只需要一個shim配置即可，說明如下：

CSSOM: {
    exports: 'CSSOM'
}

使用r.js

這將提供大量組成CSSOM的模塊。 如果要從中獲得最終的單個文件，則必須要求r.js優化ding r.js -convert的結果。

使用r.js到的代碼庫轉換CSSOM ：

$ r.js -convert in out

in是CSSOM的源代碼樹， out是您想要得到的結果樹。 因為CSSOM表示它是純JS，所以此轉換可能無需進行任何其他操作即可工作，因為我希望CSSOM不使用像fs這樣的特定於節點的模塊。 但是可能還有其他問題。 例如，如果CSSOM使require調用使用變量而不是字符串文字作為參數，則轉換器將無法對其進行轉換。 無論如何，您應該查看文檔以獲取可能出現問題的詳細信息。