angular - change - get/set ha quedado en desuso a favor del comando de configuración

dynamic title angular 5

Question

Usando angular-cli en la línea de comando, ejecuté:

ng set defaults.styleExt styl

para establecer el estilo predeterminado para Stylus y obtuve esta respuesta:

get / set ha quedado en desuso a favor del comando de configuración

Quiero cambiar la extensión de estilo en un proyecto EXISTENTE para usar SCSS. ¿Cómo hago esto usando el comando de configuración? ¿Dónde está la documentación para ng config?

Estoy usando Angular CLI v6.0.0

ng ayuda dice:

config Obtener / establecer valores de configuración

pero no elabora Gracias

Answer 1

OK hice un diff en un proyecto generado con:

ng new --style=styl PROJECT_NAME

y lo mismo sin la marca de estilo - y las diferencias en el archivo de configuración angular.json se representan en los 2 archivos adjuntos .png.

Usando estas diferencias, realicé manualmente los cambios en angular.json de la siguiente manera:

(1) Cambie los projects.PROJECT_NAME.schematics siguiente manera:

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

(2) Cambie los projects.PROJECT_NAME.architect.build.options.styles siguiente manera:

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

(3) Cambie los projects.PROJECT_NAME.architect.test.options.styles siguiente manera:

"styles": [                                                                                  
  "styles.styl"                                                                              
]                                                                                           

(4) Cambie el nombre de src / styles.css a src / styles.styl

Sus componentes existentes con .styl continuarán usando .css pero los nuevos componentes ahora se generarán con archivos .styl .

Difiere en formato PNG de la siguiente manera:

...

Answer 2

Para Angular 6 desea utilizar el siguiente comando:

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

Esto agregará automáticamente la sección de "esquemas" mencionada al archivo angular.json.

Aquí está la documentación oficial: https://github.com/angular/angular-cli/wiki/stories-css-preprocessors

Answer 3

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

para un proyecto específico o por defecto en todos los proyectos

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