get / set устарела в пользу команды config

Question

Используя angular-cli в командной строке, я выполнил:

ng set defaults.styleExt styl

, чтобы установить стиль по умолчанию на Стилус, и я получил этот ответ:

get / set устарела в пользу команды config

Я хочу изменить расширение стиля в проекте EXISTING для использования SCSS. Как мне сделать это с помощью команды config? Где находится документация для ng config?

Я использую Angular CLI v6.0.0

нг справка говорит:

config Получить / установить значения конфигурации

но не уточняет. Спасибо

Answer 1

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

для конкретного проекта или по умолчанию для всех проектов

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

Answer 2

Для Angular 6 вы хотите использовать следующую команду:

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

Это автоматически добавит указатель раздела "schematics", указанный в файле angular.json.

Вот официальная документация: https://github.com/angular/angular-cli/wiki/stories-css-preprocessors

Answer 3

ОК. Я проверил проект, созданный с помощью:

ng new --style=styl PROJECT_NAME

и то же без флага --style и различий в конфигурационном файле angular.json представлены в 2 прикрепленных файлах .png.

Используя эти различия, я вручную внес изменения в angular.json следующим образом:

(1) Изменить projects.PROJECT_NAME.schematics следующим образом:

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

(2) Изменить projects.PROJECT_NAME.architect.build.options.styles следующим образом:

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

(3) Изменить projects.PROJECT_NAME.architect.test.options.styles следующим образом:

"styles": [                                                                                  
  "styles.styl"                                                                              
]                                                                                           

(4) Переименование src / styles.css в src / styles.styl

Ваши существующие компоненты будут с радостью продолжать использовать .css, но новые компоненты теперь будут создаваться с .styl файлами.

Отличается в формате PNG следующим образом:

...