Creare un'applicazione che utilizza SCSS invece dei CSS tramite Angular-CLI

di , in HTML5, Angular,

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

Commenti

Visualizza/aggiungi commenti

Creare un'applicazione che utilizza SCSS invece dei CSS tramite Angular-CLI (#236)
| Condividi su: Twitter, Facebook, LinkedIn, Google+

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi