Angular 2 Schluck Aufgabe zum Konvertieren von mehreren Scss zu Single CSS

Question

app 
-file1 
-- file1.ts 
-- file1.html 
-- file1.scss 

-file2 
-- file2.ts 
-- file2.html 
-- file2.scss 

-file3 
-- file3.ts 
-- file3.html 
-- file3.scss 

Meine Projektstruktur so. Ich versuche, alle meine SCS-Dateien in einzelne CSS zu konvertieren. für Angular 2 schluck Aufgabe suchen

Answer 1

Sie sollten alle Dateien in einer einzigen Datei wie diese

-style.scss 
@import "includes/file2"; 
@import "includes/file3"; 

dann importieren ausführen Befehl von schluck unter

Answer 2

Versuchen Sie, den Code konvertieren. Was ich grundsätzlich mache, ist, alle scss-Dateien in einzelne Datei (styles.scss) zu importieren und dann zu konvertieren. Achten Sie dann auf Änderungen in den zu aktualisierenden scss-Dateien. Css

var gulp = require('gulp'), 
    sass = require('gulp-sass'), 
    concat = require('gulp-concat'); 
gulp.task('sass', function() { 
    return gulp.src('./scss/styles.scss') 
     .pipe(sass().on('error', sass.logError)) 
     .pipe(concat('style.css')) 
     .pipe(gulp.dest('./www/css')); 
}); 
gulp.task('watch', function() { 
    gulp.watch('./scss/**/*.scss', ['sass']); 
});