css - gulp-recess 不会改变属性顺序

Question

我尝试使用 gulp-less 将 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 属性，其目的是“检查”您的 css/less 文件 - 检查语法错误，以便您可以在源文件中自行修复警告/错误。