如何在gulp.dest中使用源文件的gulp.src路径？

Question

我想运行gulp sass任务并获得这样的smth：

自：

/app
  /componentA
    fileA.scss
  /componentB
    fileB.scss
  /componentC
    fileC.scss
/dist
  /componentA
  /componentB
  /componentC

要：

/app
  /componentA
    fileA.scss
  /componentB
    fileB.scss
  /componentC
    fileC.scss
/dist
  /componentA
    fileA.css
  /componentB
    fileB.css
  /componentC
    fileC.css

不将这一切都放在一个文件夹中＆＃34; dist / css＆＃34;。

我当前与sass相关的代码：

var target = {
    css: 'dist/css',
    sass: 'app/scss/*.scss'    
};

gulp.task('sass', function () {
  return gulp.src(target.sass)
   .pipe(plumber(function () {
            console.log('[sass]'.bold.magenta + ' Sass compiling error\n'.bold.red);
            this.emit('end');
        }))
    .pipe(changed(target.css))
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest(target.css));
});

我已阅读其他主题，但它们与我的问题无关。

Answer 1

这就像更改globbing模式一样简单：

var target = {
    css: 'dist',
    sass: 'app/**/*.scss'
};

您应该阅读GulpJS documentation并了解node-glob。