使用gulp编译所有子文件夹中的所有scss文件

Question

我有这个angular2项目结构（显示我遇到问题的部分）：

|templates
   |index
       -index.scss
       -index.template.html
   |About
       -about.scss
       -about.template.html

我想使用gulp编译索引和文件夹中的所有scss文件，并将编译后的文件放在与scss文件相同的目录中。 示例：      必须编译index.scss并将其作为index.css放在索引（文件夹）中 所以结果将是

|templates
     |index
        -index.scss
        -index.css
        -index.template.html

如何使用gulp编译所有模板子文件夹中的所有scss文件，编译后的文件必须与scss文件放在同一个子文件夹中？

Answer 1

你可以做到

gulp.src('./**/**.scss')
   .pipe(scss-to-css-plugin())
   .pipe(gulp.dest('.')

Answer 2

试用此代码

gulp.task('sass-style', function() {
  return sass('templates/folder/**/*.scss')
    .on('error', sass.logError)
    .pipe(gulp.dest(''templates/folder/'));

});