2012-08-31 79 views
4

我正在玩耙管道來了解構建emberjs應用程序。耙管道源地圖過濾器

得到它的工作是相當簡單的和一個例子是在這裏:https://github.com/emberjs/todos

但我在努力尋找如何讓sourceMap工作作爲管道的一部分,這樣我可以查看我的JS資源在Web檢查器中單獨文件。 Reference

有沒有人能夠得到這個去?

+0

肯定有人在使用耙式管道。亞當霍金斯也真的用銥星推動它(https://github.com/radiumsoftware/iridium/)。但是,我不確定是否還有任何SourceMaps集成。你一定要聯繫他,看看你是否可以做一些綜合的工作。我喜歡使用它,但目前我幾乎不知道源地圖。 –

+0

@PeterWagenet如果沒有任何CLEAR源代碼集成/示例,我沒有看到一種方法來爲開發目的輕鬆使用rake-pipeline。 JS頁面上的所有文件組合在一起。因此,很難將錯誤映射到原始文件。我會盡力與亞當霍金斯檢查。 – Rajat

+1

如果您使用'string'模式作爲minispade,那麼它會將每個文件作爲一個字符串傳遞給'// @ sourceURL'聲明,這使得WebKit檢查器將它們視爲單獨的文件。 –

回答

1

所以,我想出了這個問題。 minispade過濾器支持「字符串」選項。如果將此選項設置爲true,則minispade過濾器將在每個模塊的末尾添加一個「sourceUrl」註釋。稍後由Firebug或Web-Inspector提取,以單獨顯示您的文件而不是單個文件。

來源:Minispade Filter on Github

# @option options [Boolean] :string If true, compiles the output as 
# a String instead of a closure. This means that @sourceURL can be 
# appended for good stack traces and debugging. 

美中不足的是,該Assetfile在Ember Todos例子,展示了用耙管道沒有這種設置爲true。一旦修改了資產文件的副本,就可以很好地進行調試。

回購的另一個公開問題是它使用的minispade的極其舊的副本。所以,如果你正在檢查回購,確保你更新你的minispade.js。

0

我編譯了一個small hackable rake-pipeline stack,它使用minispade字符串功能以及可選的咖啡腳本編譯,handlebars預編譯,在生產中運行時的壓縮等等。