无法获得吞吐量输出到源目录

Question

我试图让吞噬我编译我的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 

gulpfile.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('./')); 
 
});