2014-12-05 58 views
5

我一直在爲此奮鬥了幾個小時。我在我的gulpfile如下:吞沒 - 沒有創建輸出css

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?如果我只使用較少,文件生成正確。

+1

你有沒有定義'var less = require('gulp-less');'? – 2014-12-06 00:32:38

+0

你能展示更多你的大嘴文件嗎? – 2014-12-08 17:54:36

回答

8

我遇到了這個問題,因爲我的less文件中有一個未定義的類。

我通過日誌發現了未定義的類。

除非您明確記錄它們,否則Gulp不會拋出錯誤。要登錄,需要gulp-util在gulpfile:

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

,然後添加記錄:

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

運行gulp style看到錯誤(可能是未定義類)。

修復它,你的style任務應該生成的CSS。