html - 将多个 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('./'));
});