Utilisation de SCSS / Sass comme feuille de style par défaut dans Angular 6+ (styleExt)
Apparemment, la manière de déclarer l’extension de la feuille de style par défaut a été modifiée à partir de Angular 6. La propriété styleExt dans le angular-cli.json n'est plus reconnu.
Pour les nouveaux projets, cela peut être défini avec une option sur le CLI --style=sass sur la commande new.
Cependant, comment changez-vous cela pour les projets existants que je migre Angular <5 ou si vous avez oublié de le faire lors de la création du projet?
Cette question est censée être strictement liée aux changements radicaux de la version 5 à 6 de Angular.
La position sur laquelle ceci est défini a changé dans le angular.json. Il y a 2 façons de définir cette option maintenant.
Via le Angular CLI:
ng config schematics.@schematics/angular:component.styleext scss
Directement dans le angular.json:
"schematics": {
"@schematics/angular:component": {
"styleext": "scss"
}
}