使用Grunt将所有文件（CSS，JS，HTML）合并到一个HTML中

Question

我有一个特定的项目，其中所有代码（CSS，JS（Angular），HTML）必须在一个巨大的HTML中。我可以手动将所有CSS和JS复制到index.hml，但这很费时并容易出错。

对于某些项目，我已经使用了Grunt，所以我尝试使用grunt-contrib-concat，但它只将文件合并到另一个下面。这对我没有帮助，因为CSS应该位于脚本部分HTML，JS标题中的sytle部分。

我在github页面上阅读了帮助，但没有明显的解决方案。

我这样调用contac函数：

 concat: {
    options: {
      separator: ';',
    },
    dist: {
      src: ['<%= yeoman.app %>/index.html', '<%= yeoman.app %>/styles/main.css', '<%= yeoman.app %>scripts/outro.js'],
      dest: 'dist/index.html',
    }
  }

这只是一个考验，结果对我不利。

这里是否有任何占位符告诉concat在哪里插入特定文件？

Answer 1

在grunt中我们有一个插件

grunt.loadNpmTasks('grunt-contrib-concat');

此插件会汇总您指定的所有文件。