简单HTML预处理器

是否有一个简单的HTML预处理器可用于现有HTML代码，我不需要修改现有HTML以符合预处理器语法

我正在开发一个移动应用程序，其中有几个页面是用html构建的，但是我开始遇到这样的问题：当对类似的内容（页眉、页脚等）进行更改时，必须更新每个页面。我不想重复内容，也不想出现不匹配的情况，而是希望使用一个包含方法的预处理器（类似于php是如何实现的），这样我就可以包含这些类似的内容

我看过HAML&Jade之类的东西，但它们似乎有一个严格的语法，你需要遵循缩进和排序或编辑html，以便在每一行包含管道，否则就无法编译

就像我说的，我有现有的html，我只想把我的html剪切粘贴到不同的文件中，包括它们，并坚持我认为最简单的工作流程

---

但是，如果有人有任何其他想法，我可以如何处理我的情况，这也是受欢迎的。

我想，因为您的要求是只包含不需要完整模板系统的文件。您可以看看哪种是包含文件的gulp插件。使用

gulp

有一个优点，即gulp附带了一个手表功能to观察文件系统是否有更改-只要检测到更改，就可以触发任务

您的

gulpfile.js

的外观示例

var gulp = require('gulp');
var include = require('gulp-include');

gulp.task('template', function() {
  return gulp
    .src('*.html')
    .pipe(include())
    .pipe(gulp.dest('dist'))
});

gulp.task('dev', function() {
  gulp.watch('*.html', ['template']);
});

gulp.task('default', ['template']);

此

gulpfile

注册一个“模板”任务，该任务接收所有html文件，并使用gulp include插件处理文件内容。模板任务注册为默认gulp任务。因此，如果在没有任何命令行参数的情况下调用gulp，则会运行模板任务。gulp“dev”任务允许您从t运行

gulp dev

该命令行监视所有html文件的更改，并在html文件更改时触发模板任务

gulp include插件会扫描html文件，查找类似的内容

= include relative/path/to/file.html

并包含“file.html”内容

包含语法在gulpinclude网站上有很好的文档记录