将多个html模板合并为一个index.html文件

我已经传递了一个通过Visual Studio构建的项目，它包含一个index.html.bundle文件。在Visual Studio中，这些文件通常是通过运行构建工具来构建的，并且这会通过合并.bundle文件中的所有模板文件自动创建index.html页面。将多个html模板合并为一个index.html文件

但是我在Mac上运行这个项目并且无法访问这个工具。

我想将所有的html模板合并成一个单独的index.html模板，并想知道是否有一个可以自动执行此操作的工具（即吞吐等）？

来源

2016-02-13 Simon

您可以使用[吞掉，文件内容到键]（https://www.npmjs.com/package/gulp-file-contents-to-keys） – vsync

我敢肯定，咕嘟咕嘟有一个工具，将做到这一点，但如果你只是想合并文件，然后cat将正常工作：

cat index1.html index2.html index3.html > index.html

来源

2016-02-13 07:28:26

这解决了我的问题，谢谢现在我只需要找到一种方法来实现这一点。 – Simon

我发现叫gulp-concat一饮而尽工具，可以让我自动化这个过程。安装完成后，我把它放到我的gulpfile.js中作为一个新的任务。

gulp.task('html', function() { 
return gulp.src([ 
    'index1.html', 
    'index2.html', 
    'index3.html' 
]) 
.pipe(concat('index.html')) 
.pipe(gulp.dest('./')); 
});

来源

2016-02-14 04:17:25 Simon

将多个html模板合并为一个index.html文件

回答

相关问题