get / set est déconseillé au profit de la commande config

Question

À l'aide angulaire de la cli sur la ligne de commande, j'ai réalisé:

ng set defaults.styleExt styl

pour définir le style par défaut pour le Stylet et j'ai eu cette réponse:

get/set ont été dépréciée en faveur de la commande config

Je veux changer le style de l'extension d'un projet EXISTANT pour utiliser SCSS. Comment dois-je faire cela à l'aide de la commande config? Où est la documentation du ng config?

Je suis Angulaire à l'aide de la CLI v6.0.0

ng aider à dit:

config Obtenir/définir les valeurs de configuration

mais ne m'étendrai pas. Merci

Answer 1

OK j'ai fait un diff sur un projet généré avec:

ng new --style=styl PROJECT_NAME

et même sans le --de style pavillon et les différences dans l'angle.json fichier de config sont représentés dans le 2 .png fichiers attachés.

L'utilisation de ces différences, je les ai faites manuellement les modifications angulaire.json comme suit:

(1) Variation projects.PROJECT_NAME.schematics comme suit:

"schematics": {                                                                                    
  "@schematics/angular:component": {                                                               
    "styleext": "styl"                                                                             
  }                                                                                                
}

(2) Variation projects.PROJECT_NAME.architect.build.options.styles comme suit:

"styles": [                                                                                  
    "src/styles.styl"                                                                          
]

(3) Variation projects.PROJECT_NAME.architect.test.options.styles comme suit:

"styles": [                                                                                  
  "styles.styl"                                                                              
]                                                                                           

(4) Renommer le dossier src/styles.css src/styles.styl

Vos composants existants seront heureux de continuer à utiliser .css mais de nouveaux composants seront désormais généré avec .styl fichiers.

Rechercher les différences dans le format PNG comme suit:

...

Answer 2

Pour Angular 6, vous souhaitez utiliser la commande suivante:

 ng config schematics.@schematics/angular:component.styleext styl
 

Cela ajoutera automatiquement le halfer de section "schematics" mentionné au fichier angular.json.

Voici la documentation officielle: https://github.com/angular/angular-cli/wiki/stories-css-preprocessors

Answer 3

ng config projects.PROJECT_NAME.schematics.@schematics/angular:component '{ styleext: "scss"}'

pour un projet spécifique ou pour la valeur par défaut dans tous les projets

ng config schematics.@schematics/angular:component '{ styleext: "scss"}'