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

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('./'));
});