gulp-jade와 gulp-data를 함께 사용하는 멍에

Question

gulp-jade를 gulp-jade와 함께 사용하려고하지만 GULP-DATA Plugin과 관련된 오류가 발생합니다. 여기

내 gulpfile.js

var gulp = require('gulp'), 
    plumber = require('gulp-plumber'), 
    browserSync = require('browser-sync'), 
    jade = require('gulp-jade'), 
    data = require('gulp-data'), 
    path = require('path'), 
    sass = require('gulp-ruby-sass'), 
    prefix = require('gulp-autoprefixer'), 
    concat = require('gulp-concat'), 
    uglify = require('gulp-uglify'), 
    process = require('child_process'); 

    gulp.task('default', ['browser-sync', 'watch']); 

    // Watch task 
    gulp.task('watch', function() { 
    gulp.watch('*.jade', ['jade']); 
    gulp.watch('public/css/**/*.scss', ['sass']); 
    gulp.watch('public/js/*.js', ['js']); 
    }); 

    var getJsonData = function(file, cb) { 
    var jsonPath = './data/' + path.basename(file.path) + '.json'; 
    cb(require(jsonPath)) 
    }; 

    // Jade task 
    gulp.task('jade', function() { 
    return gulp.src('*.jade') 
    .pipe(plumber()) 
    .pipe(data(getJsonData)) 
    .pipe(jade({ 
     pretty: true 
    })) 
    .pipe(gulp.dest('Build/')) 
    .pipe(browserSync.reload({stream:true})); 
    }); 

    ... 

    // Browser-sync task 
    gulp.task('browser-sync', ['jade', 'sass', 'js'], function() { 
    return browserSync.init(null, { 
    server: { 
     baseDir: 'Build' 
    } 
    }); 
}); 

입니다 그리고 이것은

{ 
    "title": "This is my website" 
} 

내가 오류 index.jade.json 이름, 기본 JSON 파일입니다 :

Error in plugin 'gulp-data' 
[object Object] 

Answer 1

getJsonData에서 필요한 데이터를 콜백의 첫 번째 인수로 전달했기 때문에 오류가 발생했습니다. 가능한 오류를 위해 예약되어 있습니다.

귀하의 경우에는 콜백이 필요하지 않습니다. gulp-data usage example 보면이 작동합니다 :

.pipe(data(function(file) { 
    return require('./data/' + path.basename(file.path) + '.json'); 
})) 

전체 예 :

var gulp = require('gulp'); 
var jade = require('gulp-jade'); 
var data = require('gulp-data'); 
var path = require('path'); 
var fs = require('fs'); 

gulp.task('jade', function() { 
    return gulp.src('*.jade') 
    .pipe(data(function(file) { 
     return require('./data/' + path.basename(file.path) + '.json'); 
    })) 
    .pipe(jade({ pretty: true })) 
    .pipe(gulp.dest('build/')); 
}); 

사용이 당신은 gulp.watch에 작업을 실행하는 경우 :

.pipe(data(function(file) { 
    return JSON.parse(fs.readFileSync('./data/' + path.basename(file.path) + '.json')); 
}))