Question

我是gulp.js的全新手，我启动了这个项目，index.jade目录下有一个source/jade文件。现在我必须在构建目录中输出jade2html个文件，所以我使用了这个gulp文件：

// Gulp.js configuration

// include gulp and plugins
var
    gulp = require('gulp');



// file locations
var
    source = 'source/',
    dest = 'build/';


//  Jader
var jade = require('gulp-jade');

gulp.task('jadehtml', function() {
  var YOUR_LOCALS = {};

  gulp.src('source/jade/')
    .pipe(jade({
      locals: YOUR_LOCALS
    }))
    .pipe(gulp.dest('build/'))
});

但不知何故，当我运行gulp command时，它会在构建目录中输出空白目录。黑色目录名为 jade.html 请告诉我如何解决。感谢。

Answer 1

在gulp文件中使用source/**/*.jade代替source/jade/。

此外，您可以使用gulp-debug来了解错误。

Answer 2

这可以解决您的问题吗？我刚刚清理了你的gulp文件：对需求进行分组，删除了未使用的路径变量，并删除了演示gulp-jade选项。

var gulp = require('gulp'),
    jade = require('gulp-jade');

gulp.task('jadehtml', function() {
  return gulp.src(['source/jade/*.jade'])
    .pipe(jade())
    .pipe(gulp.dest('build'))
});

这假设您的所有玉器文件都在源/玉中。正如@kosbr所说，如果你需要包含source / jade子文件夹中的文件，你可以使用return gulp.src(['source/jade/**/*.jade'])。

使用gulp jadehtml运行此操作。如果你仍然有问题，至少我们将有一个干净的地方开始调试。

输出目录未设置

2 个答案: