2015-10-15 63 views
0

我嘗試使用gulp-less將我的較少文件轉換爲css文件,然後使用gulp-recess更改css文件中的屬性順序。任務less正常工作,但任務recess不起作用。
這是我gulpfile.js文件中的Node.js控制檯 enter image description heregulp-recess不改變屬性順序

什麼是錯

'use strict'; 


var gulp = require('gulp'), 
    less = require('gulp-less'), 
    path = require('path'), 
    recess = require('gulp-recess'); 

// less 
gulp.task('less', function() { 
    return gulp.src(['less/style.less', 'less/fonts.less']) 
    .pipe(less({ 
     paths: [ path.join(__dirname, 'less', 'includes') ] 
    })) 
    .pipe(gulp.dest('css')); 
}); 

// recess 
gulp.task('recess', ['less'], function() { 
    return gulp.src(['css/style.css', 'css/fonts.css']) 
    .pipe(recess()) 
    .pipe(recess.reporter()) 
    .pipe(gulp.dest('css')); 
}); 

// watch 
gulp.task('watch', function() { 
    gulp.watch('less/*.less', ['less']), 
    gulp.watch('css/*.css', ['recess']); 
}); 

// default 
gulp.task('default', ['less', 'recess', 'watch']); 

錯誤?如何解決它?

回答

0

gulp-recess將不會重新排序您的css屬性,其目的是'lint'您的css/less文件 - 檢查語法錯誤,以便您可以在源文件中自己修復警告/錯誤。