无法让 gulp 输出到源目录

Question

我正试图让gulp编译我的SASS文件并将它们输出到同一源目录，但我无法使其正常工作，我尝试使用base选项：

gulp.task('sass_modules', function() {
    return gulp.src('Application/modules/**/*.scss', {base: '.'})
    .pipe(sassInheritance({dir: 'Application/modules/'}))
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest('./'));
});

有了上面的代码，它只输出到应用程序根目录，即当前的工作目录，有什么想法可以让它工作吗？我希望它如何工作的一个例子是有一个Application/modules/frontend/static/css/main.scss文件，并将其编译为Application/modules/frontend/static/css/main.css和Application/modules/frontend/static/css/main.css.map。

Answer 1

使用此目录结构

Application
 │
 ├─── gulpfile.js
 └─┬─ modules
   └─┬─ frontend
     └─┬─ static
       └─┬─ css
         └─── main.scss

gullfile.js

var sourcemaps = require('gulp-sourcemaps');
var sass = require('gulp-sass');
    
var scssFiles = 'modules/**/*.scss';    
    
gulp.task('sass_modules', function() {
  return gulp.src(scssFiles)
  .pipe(sourcemaps.init())
  .pipe(sass()
    .on('error', sass.logError))
  .pipe(sourcemaps.write('./'))
  .pipe(gulp.dest('./'));
});