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
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare Model as a Service su Microsoft Azure
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Cambiare la chiave di partizionamento di Azure Cosmos DB
Come EF 8 ha ottimizzato le query che usano il metodo Contains
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Generare file per il download da Blazor WebAssembly
Utilizzare le collection expression in C#
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Implementare l'infinite scroll con QuickGrid in Blazor Server
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Criptare la comunicazione con mTLS in Azure Container Apps
Le novità di Angular: i miglioramenti alla CLI
I più letti di oggi
- Cambiare la chiave di partizionamento di Azure Cosmos DB
- ASP.NET 2.0 per tutti
- Definire stili a livello di libreria in Angular
- Utilizzare il trigger SQL con le Azure Function
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- .NET Conference Italia 2023 - Milano e Online
- Come EF 8 ha ottimizzato le query che usano il metodo Contains
- Ottimizzazione dei block template in Angular 17