如何將grunt-vulcanize合並到chromeapp yeoman生成器的Gruntfile.js中？

Question

我正在嘗試制作一個包含一些聚合物元素的chromeapp-聚合物列表和我自己的一個。

我是從yeoman chromeapp生成器開始的，但是不久之后我遇到了一些csp問題，我發現我應該使用硫化工具 。 當我嘗試使用命令行版本時，它似乎很好地工作。

然后，我開始希望在構建過程中自動完成該操作，因此我將其添加到由chromeapp yeoman生成器生成的Gruntfile.js中。 我找到了grunt任務 ，它提供了將其添加到Gruntfile.js的說明。

但是，我從Yeoman生成器中學到的一件事是，開發人員應該在app /目錄中調試其應用程序，並且僅在構建優化版本（大概用於分發）時才進行“構建”。 考慮一下，即使進行調試，硫化步驟似乎也是必需的（因為由於csp，聚合物無法在chromeapp中開箱即用），因此這是一個中間步驟。 因此，對於初學者（我想是Yeoman的一部分觀眾），需要付出更多的努力。

所以，現在我想知道如何做到這一點。 看起來好像某人已經完成了某件事，但是我找不到任何示例。

我有一些合作項目使用了2步咕嚕構建過程（由於主要是有幾個目標），使流量是這樣的：應用程序/ - >構建/應用程序- >應用程序/ CRX。 IINM，第一步只是將所有位加在一起，並替換應用名稱和版本號/等。 第二步進行優化（uglify / minify / etc）。 我想這個問題的解決方案是做類似的事情，並且在中間步驟對構建/應用程序進行調試/開發。

我已經在我引用的webapp項目中做了一些苦惱（甚至寫了一個 ），但是這個生成器使用的插件對我不是很熟悉。

那么，我的問題是，是否有人已經這樣做了，或者如果我誤解了什么/等，請更正。 另外，如果有人對如何將grunt硫化任務集成到chromeapp Yeoman生成器提供的Gruntfile.js中有建議，那么我來嘗試一下。

Answer 1

我曾在一個解決方案自己，想出了這個 。

該解決方案多少有些涉及，但實際上確實增加了一個中間步驟，其中咕intermediate的“構建”目標是用於將應用程序“編譯”（僅硫化）到build /的步驟，而舊的構建目標變成了“ dist”，從而優化了構建/進入dist /。 目的是現在在build /中完成開發，並使用dist /中的優化代碼來構建要分發的軟件包（crx）。

它仍未完成，當然還沒有准備好向上游推銷yeoman發電機，但是我希望它能對某人有所幫助。