gulp-less로 출력물을 생성하지 못했습니다.

Question

저는 몇 시간 동안이 작업에 어려움을 겪었습니다. 나는 내 gulpfile에 다음과 같습니다

gulp.task('styles', function() { 
    gulp.src('C:\\TeamCity\\buildAgent\\work\\5003e8de5901599\\dev\\Content\\css\\less\\dealer-landing.less') 
    .pipe(less()) 
    .pipe(gulp.dest('C:\\TeamCity\\buildAgent\\work\\5003e8de5901599\\dev\\Content\\css')); 
}); 

내가 오류없이 완료 '꿀꺽 스타일'을 실행하지만, .CSS가 생성되지 않습니다. 아래에서 보았 듯이 중간 선을 주석 처리하고 예상대로 작동합니다. 더 적은 파일은 dest 디렉토리에 복사됩니다.

gulp.task('styles', function() { 
    gulp.src('C:\\TeamCity\\buildAgent\\work\\5003e8de5901599\\dev\\Content\\css\\less\\dealer-landing.less') 
    //.pipe(less()) 
    .pipe(gulp.dest('C:\\TeamCity\\buildAgent\\work\\5003e8de5901599\\dev\\Content\\css')); 
}); 

gulp-less가 CSS를 생성하지 않는 이유는 무엇입니까? 파일 크기를 조금만 사용하면 파일이 올바르게 생성됩니다.

Answer 1

내 적은 파일에서 정의되지 않은 클래스로 인해이 문제가 발생했습니다.

로깅을 통해 정의되지 않은 클래스를 발견했습니다.

Gulp는 명시 적으로 기록하지 않는 한 오류를 발생시키지 않을 수 있습니다.

var util = require('gulp-util');

을 그리고 로깅을 추가 : 당신의 gulpfile에 gulp-util을 필요로 로그인하려면

.pipe(less().on('error', util.log)),

실행 gulp style 오류 (아마도 정의되지 않은 클래스)를 참조 할 수 있습니다.

문제를 해결하면 style 작업에서 CSS가 생성되어야합니다.