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
Gestione CSS in Blazor con .NET 9
Loggare le query più lente con Entity Framework
Managed deployment strategy in Azure DevOps
Configurare automaticamente un webhook in Azure DevOps
Utilizzare Hybrid Cache in .NET 9
Path addizionali per gli asset in ASP.NET Core MVC
Introduzione ai web component HTML
Sfruttare GPT-4o realtime su Azure Open AI per conversazioni vocali
Potenziare la ricerca su Cosmos DB con Full Text Search
Recuperare App Service cancellati su Azure
Generare una User Delegation SAS in .NET per Azure Blob Storage
Triggerare una pipeline su un altro repository di Azure DevOps