Quando creiamo un'applicazione da zero con Angular-CLI, questa di default genera il file styles.css nella root del codice sorgente del progetto. Questo è vero anche quando andiamo a generare un component tramite i comandi della CLI con la sola differenza che il file CSS generato si chiama come il component con estensione .css e che viene piazzato nella stessa cartella del component.
Lavorare con i CSS è semplice, ma lavorare con i file CSCC lo è ancora di più (un po' come lavorare con TypeScript e più semplice che lavorare con JavaScript). Il problema consiste nel fatto che un file SCSS non è interpretato dai browser, ma va precopilato per trasformarlo in CSS che poi viene inviato ai browser. Fortunatamente Angular-CLI contiene già gli step di compilazione dei file SCSS e quindi è in grado di tradurli in codice CSS valido inviando questo ai browser. Yuyyo quello che dobbiamo fare per creare un'applicazione che utilizza SCSS è utilizzare lo switch styles quando usiamo il comando new.

ng new MyApp --styles=scss