使用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有点陌生-所以我无法正确设置我的代码格式-但我将尝试在此处放置示例。