schluck sourcemaps letzte SCSS Datei zu erzeugen nur

Question

: Ich bin Plugins zu schlucken und ich versuche sourcemaps zu bekommen

Struktur

Datei

css/ 
    sass/ 
     theme/ 
      _some-style.scss 
      _some-style-2.scss 
      _some-style-3.scss 
     style.scss 
    style.css 
    style.css.map 

In meiner style.scss Datei zu arbeiten, ich habe

@import "theme/some-style"; 
@import "theme/some-style-2"; 
@import "theme/some-style-3"; 

großartig, so bekomme ich nur, _some-style-3.scss in meinen Entwicklungswerkzeugen erscheinen, wenn ich inspiziere. Ich weiß, dass ich hier ein Pfadproblem habe, bin mir aber nicht sicher, wie ich es beheben kann.

Gulp-Datei:

gulp.task('sass', function() { 
    return gulp.src(css/sass/theme/**/*.scss) 
     .pipe(sourcemaps.init()) 
     .pipe(sass.sync().on('error', sass.logError)) 
     .pipe(sourcemaps.write()) 
     .pipe(gulp.dest(css)); 
}); 

Answer 1

Ihre Eingabe ist ein wenig verwirrend, wie Sie verschiedene Pfade in Ihrer Dateistruktur haben, Ihre Import-Anweisungen und Ihre schluck Datei. Ich werde meine Antwort auf den Pfad stützen, den Sie in der Dateistruktur angegeben haben.

1. Ihre Dateistruktur sagt „Thema“ direkt unter „Sass“, so dass Ihre @import Aussage sollte @import "theme/_various-scss-file.scss"
2. Sie benötigen die SCSS Datei in gulp.src nicht nur den Weg zu geben, zum Beispiel gulp.src('css/sass/style.scss') . Und Ausgabepfad, entsprechend Ihrer Dateistruktur und davon ausgehen, dass Ihre Schluckdatei im selben Ordner wie der Ordner css ist, sollte gulp.dest('css') sein.

Answer 2

Ich habe es herausgefunden. Ungebunden zu Pfaden. Ich habe nicht eingeschlossen, dass ich auch meine scss zuerst zusammenpresste und das stört das Quellmapping