2016-09-03 4 views
0

gulp.js, 이 새 프로젝트를 시작했고 디렉터리에 index.jade 파일이 있습니다.출력 디렉터리가 설정되지 않았습니다.

// 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을 실행할 때 어떻게 든 빌드 디렉토리에 빈 디렉토리 출력 : 지금은 출력 그래서이 꿀꺽 파일을 사용 빌드 디렉토리에 jade2html 파일을 가지고있다. 검은 색 디렉토리의 이름은 입니다. jade.html 수정 방법을 알려주십시오. 감사합니다. .

답변

0

문제가 해결 되었습니까? 방금 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이 말한 것처럼 소스/옥의 하위 폴더에있는 파일을 포함해야하는 경우 return gulp.src(['source/jade/**/*.jade'])을 사용할 수 있습니다.

과 함께 실행하십시오. 그래도 문제가 계속 발생하면 디버깅을 시작할 수있는 깨끗한 장소를 갖게됩니다.

+0

네 감사합니다. 한 가지 더요, 어떻게하면 전체 옥 폴더가 아닌 일부 옥 파일을 생략 할 수 있습니까? –

+0

조회 할 키워드는 "globbing"입니다. 근본적으로 당신은'[ 'source/jade/*. jade', '! source/jade/filetoignore.jade']'와 같은 것을 말합니다. 이 튜토리얼은 http://zellwk.com/blog/gulp-tutorial-2/에 설명되어 있으며이 사이트는 좋은 학습 도구입니다 http://www.globtester.com/ – henry

0

덤프 파일에 source/jade/ 대신 source/**/*.jade을 사용하십시오.

또한 gulp-debug를 사용하여 잘못된 것을 이해할 수 있습니다.

+0

안녕하세요,하지만 여전히 index.jade 폴더를 만들고 있습니다 ... –

+0

괜찮습니다. 파일을 수정할 수 있습니다. 이제 .html 파일이 만들어 지지만 index.html 폴더에 있습니다. 왜? –

+0

아무 생각없이 .. 당신이 삽입 할 수 있습니다. 파이프 (디버그 ({제목 : 'someTitle :'})) 각 파이프 후에 무슨 일이 일어나는 이해? 프로젝트에 gulp-debug를 추가해야합니다. https://www.npmjs.com/package/gulp-debug – kosbr

관련 문제