我有下一个结构:
jade
├── _skeleton.jade
├── _header.jade
├── _footer.jade
|
├── includes
│ └── _include-on-index.jade
│ └── _include-on-page-1.jade
│ └── _include-on-all-pages.jade
|
├── pages
│ └── index.jade
│ └── page-1.jade
│ └── page-2.jade
│ └── page-3.jade
我需要像某些应用程序一样设置jade编译(例如Prepros)。
这意味着如果我编辑page-3.jade我只需要编译page-3.jade,如果我编辑以_ .jade开头的文件,我不需要编译这个_ .jade文件,如html,但我需要编译包含此_ * .jade文件的所有.jade文件
例如,当我编辑文件_header.jade时,我需要编译包含_header.jade的所有文件,如果我编辑_include-on-index.jade我需要编译没有_的文件,包括_include-on-index.jade
我正在尝试使用模块gulp-jade-find-affected执行此操作,但它工作不正确,并且它编译以_ * .jade开头的文件作为html。
这是我的gulpfile.js:
var gulp = require('gulp'),
jade = require('gulp-jade'),
watch = require('gulp-watch'),
affected = require('gulp-jade-find-affected');
gulp.task('watch-jade', function () {
'!sources/jade/_*.jade'
watch('sources/jade/*.jade')
.pipe(affected())
.pipe(jade())
.pipe(gulp.dest('site'));
});
gulp.task('default', ['watch-jade']);
也许有人有这个gulp任务,可以帮助我吗?