無法獲得吞吐量輸出到源目錄

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