Angular 4 CLI ng build keine Konvertierung scss in css

Question

Wenn ich ng build ausführen, konvertiert der generierte dist-Ordner keine scss Dateien in css.

Ich habe einen main.scss in meinem Vermögen Ordner und .angular-cli.json hat:

"styles": [ 
     "assets/scss/main.scss" 
], 

.....

"styleExt": "scss", 

Answer 1

Der Inhalt des isn Vermögenswerte Ordner‘ t geändert durch eckig. Verschieben Sie es in den Ordner/app und ändern Sie .angular-cli.json in.

"styles": [ 
    "main.scss" 
], 

Answer 2

können Sie tun ng new myApp --style=scss

Dann Angular CLI wird für Sie ein neues Teil mit SCSS erstellen ...

Sie müssen auch node-sass verwenden, installieren Sie es wie folgt aus:

npm install node-sass --save-dev

Sie müssen auchändernin Winkel cli.json zu sass ...

und verwenden sassCompiler in angular-cli-build.js wie folgt aus:

sassCompiler: { 
    includePaths: [ 
     'src/app/scss' //here add scss 
    ] 
} 

und Sie sollten gut zu gehen!

für weitere Informationen besuchen Sie here.