我正在尝试使用gulp-useref插件编译LESS文件,但好像gulp-less插件在管道中从未输出已编译的LESS文件。LESS文件会与其他CSS文件连接在一起,而不会被编译。
我尝试单独使用gulp-less编译LESS文件,它可以正常工作,但我不知道为什么它似乎与gulp-useref插件冲突。
这是我的gulpfile:
var gulp = require('gulp');
var rm = require('gulp-rimraf');
var gulpif = require('gulp-if');
var less = require('gulp-less');
var cssmin = require('gulp-minify-css');
var useref = require('gulp-useref');
gulp.task('clean', function () {
return gulp.src(['public'])
.pipe(rm({force: true}));
});
gulp.task('refs', ['clean'], function () {
var assets = useref.assets({searchPath: '.'});
return gulp.src(['templates/**/*.html'])
.pipe(assets)
.pipe(gulpif('*.less', less()))
.pipe(gulpif('*.css', cssmin()))
.pipe(assets.restore())
.pipe(gulpif('*.html', useref()))
.pipe(gulp.dest('public/templates'));
});
感谢提前提供答案!