gulp：如何缩短未知来源的目标文件夹？

Question

我最近尝试使用 gulp，我想用它来将多个 sass 文件编译为一个。所以这是我的任务：

gulp.task('dev', function () { 
   return gulp
   .src('vendor/proj/**/**/src/assets/scss/dev.scss')
   .pipe(sass())
   .pipe( rename (function (path) {
       path.basename = 'dev';
   }))
   .pipe(gulp.dest('public/css'));
});

它工作正常，只是我想修改目的地。我不确定这是否可能，但编译后的 css 最终会出现在：public/css/folder1/subfolder1/src/assets/scss/dev.css
无论如何，gulp 可以将 css 放入： public/css/folder1/subfolder1/dev.css ?

非常感谢！

Answer 1

您可以为此使用gulp-flatten。您的 gulp 任务应如下所示：

gulp.task('dev', function () { 
   return gulp
   .src('vendor/proj/**/**/src/assets/scss/dev.scss')
   .pipe(sass())
   .pipe( rename (function (path) {
       path.basename = 'dev';
   }))
   .pipe(flatten({ includeParents: 4} )) // number of parent folders to include
   .pipe(gulp.dest('public/css'));
});

这应该把它放在文件夹中：public/css/folder1/subfolder1。您可以使用 includeParents 选项。