所以我想观察对更少文件所做的更改,并使 CSS 的目标路径与更改的更少文件所在的文件夹相同。
这是一般文件结构:
root
|
site1
| |
| includes
| | |
| | site1-styles.less
| | site1-style.css
site2
| |
| includes
| | |
| | site2-style.less
| | site2-style.css
这是我认为可能可行的方法,但我意识到路径可能没有意义,而且我不确定通过正确目的地的最佳方式。
// Require
//////////////////////
var gulp = require('gulp'),
less = require('gulp-less'),
minifyCSS = require('gulp-minify-css'),
prefix = require('gulp-autoprefixer'),
// Styles
//////////////////////
gulp.task('less', function () {
gulp.src(['*/includes/*.less'])
.pipe(less())
.pipe(minifyCSS())
.pipe(prefix("last 2 version", "> 1%", "ie 8", "ie 7"))
.pipe(gulp.dest('*/includes/'))
});
//Default
//////////////////////
gulp.task('default', function() {
gulp.watch(['*/includes/*.less'], ['less']);
});
谢谢