gulp - 如何在 gulp.dest() 中使用 gulp.src() 的路径？

Question

尝试创建一个 gulp 任务，通过 LESS 通过管道传输来自不同文件夹的一堆文件，然后将它们输出到基于原始源的文件夹。考虑这个文件夹结构:

Project
+-- /Module_A
|   +- /less
|   |  +- a.less
|   +- a.css
|
+-- /Module_B
    +- /less
    |  +- b.less
    +- b.css

这是我的 gulp 文件:

var gulp = require('gulp');
var gutil = require('gulp-util');
var less = require('gulp-less');

gulp.task('compileLess', function () {
  gulp.src('./*/less/*.less')
    .pipe(less())
    .pipe(gulp.dest( ??? ));
});

gulp.task('default', ['compileLess']);

我知道 gulp.dest() 需要传入一个路径，但在我的示例中，路径将根据源文件而有所不同。那么如何从源中获取路径，修改它，然后将其传递给 gulp.dest() 呢？

或者我是否以错误的方式处理这个问题？

Answer 1

在您的src中设置base选项，它将保留less文件的原始路径。

gulp.task('compileLess', function () {
  gulp.src('./*/less/*.less', {base: './'})
    .pipe(less())
    .pipe(gulp.dest( './dist' ));
});

./dist 目的地可以是任何内容。无论您希望将文件结构放置在何处。

此处的附加信息: https://github.com/wearefractal/glob-stream#options