Question

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

但是，我在Mac上运行此项目，无法访问此工具。

我想将所有html模板组合成一个单一的index.html模板，并想知道是否有可以自动化的工具（即gulp等）？

Answer 1

我找到了一个名为gulp-concat的gulp工具，它让我也可以自动执行此过程。安装完成后，我把它作为一个新任务放入我的gulpfile.js。

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

Answer 2

我确定Gulp有一个可以执行此操作的工具，但如果您只是尝试合并文件，那么cat将正常工作：

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

将多个html模板组合到单个index.html文件中

2 个答案: