如何从单个源导出文件的多个版本？

Question

我正在寻找一个简单的解决方案，它允许我拥有单个源html文件，并设置某种类型的条件，以便grunt可以导出单个文件的两个分发版本。例如：

主要来源文件：src/index.html

  <h1>Heading</h1>
  <!-- SOME TYPE OF CONDITION -->
  <script src="script1.js"></script>
  <!-- OTHERWISE -->
  <script src="script2.js"></script>

我可以创建两个版本的文件： 包含build/index1.html的{​​{1}} script1包含build/index2.html

我意识到这并不理想，但项目实际上要大得多，并且包含更复杂的细节。我正在学习gruntjs，所以我想让事情变得尽可能简单。

Answer 1

我能够使用grunt-processhtml（https://www.npmjs.org/package/grunt-processhtml）完成任务。

gruntfile：

processhtml: {
  dist: {
    files: {
      'build/default.html':['src/index.html']
    }   // files
  },    // dist
  custom: {
    files: {
      'build/index.html':['src/index.html']
    }
  }      // custom
},       // processhtml

在源索引文件中，存在基于grunt环境加载不同变量或内容的条件。