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

Question

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

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

这是我的 gulpfile：

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

Answer 2

你应该看看gulp-rename

差不多：

gulp.src('./*/less/*.less')
  .pipe(less())
  .pipe(rename(function(path){
    // Do something / modify the path here         
  }))
  .pipe(gulp.dest('./finalRootDestination'))

你让 gulp.dest 指向你的最终输出目录，但是根据你想要在 gulp-rename 回调中的任何逻辑动态修改各个文件路径。