我尝试使用 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']);
怎么了?如何解决?
最佳答案
gulp-recess不会重新排序您的 css 属性,其目的是“检查”您的 css/less 文件 - 检查语法错误,以便您可以在源文件中自行修复警告/错误。
关于css - gulp-recess 不会改变属性顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33147649/