gulp-recess不会改变属性顺序

Question

我尝试使用gulp-less将较少的文件转换为css文件，然后使用gulp-recess更改css文件中的属性顺序。任务less正常运行，但任务recess不起作用 这是我的 gulpfile.js 文件

'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']);

Node.js控制台中的错误

怎么了？如何解决？

Answer 1

gulp-recess不会重新排序您的css属性，其目的是'lint'您的css / less文件 - 检查语法错误，以便您可以在源文件中自行修复警告/错误。