咕嘟咕嘟。当子(_ * .jade)包括

时间:2016-04-19 23:20:36

标签: javascript gulp pug gulp-watch

我有下一个结构:

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任务,可以帮助我吗?

0 个答案:

没有答案