Question

我一直在使用grunt一段时间，我最近听说过gulp，所以我想尝试一下，看看我是否可以最终从grunt迁移到gulp。我创建了一个非常简单的任务，将我的.jade文件放在两个单独的目录中，并将它们编译成html。我现在面临的问题是.jade文件的父目录没有在输出目录中创建。以下是gulpfile.js的一部分，其中包含＆＃39; jade＆＃39;任务：

var gulp  = require('gulp'),
    $ = require('gulp-load-plugins')(),
    jadeOpts = { debug: false };

gulp.task('jade', function() {
  return gulp.src(['partial/**/*.jade','directive/**/*.jade'])
    .pipe($.jade(jadeOpts))
    .pipe(gulp.dest('dev/html')));
});

任务正确运行但是，部分＆＃39;内的源.jade文件是在＆＃39; dev / html＆＃39;上创建的目录而不是＆＃39; dev / html / partial＆＃39;。对于＆＃39;指令＆＃39;中的源.jade文件也是如此。文件夹中。

如何使此任务创建源＆＃39; partial＆＃39; .jade文件到＆＃39; dev / html / partial＆＃39;文件夹以及来源＆＃39;指令＆＃39; .jade文件到＆＃39; dev / html / directive＆＃39;夹？注意：我可能需要添加更多＆＃39; partial＆＃39;和＆＃39;指令＆＃39;带有.jade文件的兄弟姐妹文件夹。

提前致谢。

Answer 1

更改.src部分

return gulp.src(['partial/**/*.jade','directive/**/*.jade'], {'base' : 'partial/'})

这样.dest会在将文件保存到dest

时考虑部分目录的完整路径

Gulp jade不包括父目录

1 个答案: