Comment migrer de CSS vers SCSS dans Angular CLI ?

CLI angulaire : conversion de CSS en SCSS

Lors de la transition d'un projet angulaire de CSS vers SCSS, vous pouvez rencontrer une erreur indiquant :

styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT:
no such file or directory, open
'/Users/Egen/Code/angular/src/styles.css'

Pour les projets existants (Angular 6)

1. Mettez à jour l'extension de style par défaut en "scss":

   • Modifiez manuellement .angular-cli.json ou angulaire. json (Angular 6) :

     {
     "defaults": {
       "styleExt": "scss"
     }
     }

   • Ou run :

     ng config defaults.styleExt=scss

2. Renommer les fichiers .css existants en .scss.
3. Mettre à jour les applications[0].styles dans angulaire.json pour inclure le fichier . extensions scss.
4. Mettre à jour les stylesUrls des composants pour refléter le nouveau fichier noms.

Pour les projets futurs

1. Créez un nouveau projet en utilisant :

   ng new your-project-name --style=scss

2. Définissez l'extension de style globale par défaut :

   ng config --global defaults.styleExt=scss

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!