2013-06-04 56 views
1

我正在研究一個grunt-init模板,目前爲止所有工作都很好。但是現在我想根據我給生成器的回答,有條件地將標記插入到我的HTML/PHP文件中。grunt-init有條件標記

例如,如果我被問到是否要使用jQuery,並且鍵入Y,jQuery將進入我的JavaScript文件夾,並將相應的<script>標記添加到我的index.html中。所以在index.html裏面,我需要根據安裝過程中給出的答案編寫東西。

我想在CSS/SCSS文件中做同樣的事情。

這可能嗎?

回答

2

這聽起來像一個Yeoman發電機的巨大用途。如果你還沒有試用Yeoman,check it out。除了作爲支持完整應用程序的工具,預配置了最佳實踐和常見Grunt任務外,您還可以選擇創建自己的「生成器」,以開發適合您需求的基於提示的自定義生成過程。對於「在index.html中插入此腳本」等更細粒度的任務,「子生成器」就是用來做這件事的。

開發一個生成器並不侷限於你打算分發的東西,但可以用來使你自己的常見任務更有效率。 Generate a Generator guide顯示了你如何基本上完成你正在描述的內容,只需很少的努力。

Grunt初始化模板正在轉移到Yeoman生成器,所以如果你還沒有,現在是玩轉喲男子的好時機!如果你決定嘗試一下,讓我知道你的想法。

+0

感謝您的快速答覆。我很害怕Yeoman會成爲**答案。不是我不喜歡它 - 我認爲這是一個很棒的工具 - 但它似乎比簡單的'grunt-init'方式更復雜。但是我不知道他們正在轉向Yeoman發電機,所以我認爲你是對的 - 也許我只能在適應grunt-init之前切換。 –

0

我有同樣的問題,發現是的,你可以有條件地插入標記。

Grunt-init使用grunt-template來處理模板文件。正如你所看到咕嚕模板只是使用Lo-Dash templates引擎蓋下,所以你可以在執行分隔符之間的正常的JavaScript,像這樣:

{% if(usesJQuery) { %} 
    <script src="jquery.js"></script> 
{% } %}