使用 gulp 任务将 Jade 编译成 HTML

Question

我想使用 gulp-jade 在 html 中编译 jade。但是任务完成后"build"文件夹中没有html个文件。

gulpfile.js

gulp.task('jade', function() {
    return gulp.src('app/assets/template/**/*.jade')
    .pipe(jade({
        pretty: true
    }))
    .pipe(gulp.dest('build'))
    .pipe($.size({title: 'jade'}));
});

命令行：

PS E:\WORKS\fitover> gulp jade
[21:09:36] Using gulpfile E:\WORKS\fitover\gulpfile.js
[21:09:36] Starting 'jade'...
[21:09:36] 'jade' all files 0 B
[21:09:36] Finished 'jade' after 372 ms

Answer 1

尝试

.pipe(gulp.dest('./build/'))

或者确保您的构建文件的相对路径在您的 gulp 任务中是正确的。

Answer 2

在 Ubuntu 上测试 - 结果相同。
找到了解决方案。不确定这是正确的决定，但它有效。评论@Plato 后，我阅读了 guide, and use the grunt-contrib-jade combined with a gulp-grunt.

使用 gulp 任务将 Jade 编译成 HTML

Compiling Jade into HTML using gulp task

javascript

node.js

gulp

pug