使用Grunt構建同一文件的不同版本，包括/排除某些部分

Question

我有一個index.html文件，其中的一部分看起來像這樣：

<header>
    <nav>
        <div id="element1"></div>
        <div id="element2"></div>
        <div id="element3"></div>
        <div id="element4"></div>
    </nav>
</header>

我想定義一個艱巨的任務，讓我構建此文件的不同版本。 這是一個例子：

<header>
  <nav>
    <!-- my:task index_v1.html -->
    <div id="element1"></div>
    <div id="element2"></div>
    <!-- endmy -->

    <!-- my:task index_v2.html -->
    <div id="element3"></div>
    <div id="element4"></div>
    <!-- endmy -->
  </nav>
</header>

這將建立

• index.html ：具有完整的內容

• index_v1.html ：所有標記，但僅包含#element1和#element2

• index_v2.html ：所有標記，但僅包含#element3和#element4

筆記：

• 我注意到grunt-preprocess和這個相關的問題 ，但是，我需要對每個文件運行grunt n次，更改ENV變量。 我還有其他任務，我希望可以一​​次運行。

Answer 1

我的感覺是，通過稍微不同地定義問題，您可能會更有可能解決該問題。 您實質上是在上面構建一個靜態HTML文件，但是，您希望有條件地在每個HTML文件中僅包含一些內容。 我將使用Assemble（靜態站點生成器），並在組裝中定義兩個構建任務，每個構建任務都有自己的模板。 然后，創建一個自定義幫助程序功能，該功能僅包含一個模板中所需的內容，而另一個模板中包含其他內容。 我對Stack Overflow有點陌生-所以我無法正確設置我的代碼格式-但我將嘗試在此處放置示例。