Конфигурация интерфейса командной строки Angular V6 | Кодементор
Выпущена новая версия Angular с новым интерфейсом командной строки, который вносит изменения в то, как мы устанавливаем конфигурации.
1. Проблема? 😲
Его документация не очень многословен, поэтому у вас остаются сомнения в том, что делать. Например, в предыдущей версии можно было установить пряжа в качестве менеджера пакетов по умолчанию:
ng set packageManager=yarn
// Or if you want to set it globally
ng set --global packageManager=yarn
Однако новый способ работы с CLI V6 таков:
ng config cli.packageManager yarn
// Or if you want to set it globally
ng config -g cli.packageManager yarn
Разница очевидна, но нет документации о путях для переменных, которые вы можете настроить, или даже о допустимых значениях. По сути, мы здесь в темноте 😥.
Теперь позвольте мне показать вам пути конфигурация и как узнать, что можно настроить в Angular V6 CLI 😉.
2. Как его использовать
конфигурация Использование команды можно найти в документацияхотя он не показывает, какие свойства вы можете настроить.
В общих чертах вам нужно путь и значение для свойства, которое вы хотите настроить. Без значения будет напечатано только текущее значение. Если путь что-то вроде cli.packageManager и вы хотите настроить его с помощью Пряжа то вот как будет выглядеть команда:
ng config cli.packageManager yarn
Вы можете сделать это конфигурацией по умолчанию для всех ваших новых проектов, добавив -г или —Глобальный флаг:
ng config -g cli.packageManager yarn
Теперь давайте рассмотрим, как узнать, какие свойства можно настраивать.
3. Чтение схемы
Чтобы узнать, какие параметры настраиваются в конфигурация нам нужно знать, откуда взять схему (в основном, какие пути и значения можно использовать). Этот файл доступен по адресу:
node_modules/@angular/cli/lib/config/schema.json
Это выглядит так:
node_modules/@angular/cli/lib/config/schema.json
Важной частью здесь являются свойства. Вы помните путь, который ранее использовался для установки пряжа как менеджер пакетов? Мы использовали кли.packageManager, верно? Ну и схема для Кли свойства отображаются в строке :13. Вы заметите, что это ссылка для объекта под названием cliOptions под определения свойство. Это наша цель в данном случае:
Кли свойство может иметь несколько свойств, таких как коллекция по умолчанию, менеджер пакетов и некоторые другие…
Вы видите, к чему мы идем? Чтобы установить желаемый менеджер пакетов, мы должны использовать cli.packageManager путь, потому что это то, что принимает схема.
Хорошая вещь в знании того, как читать схему, заключается в том, что вы можете найти описание и тип данных, принятых в качестве значения. Кроме того, некоторые из них определяют параметры, которые вы можете выбрать.
менеджер пакетов например, может получить строку, но не любую строку, она имеет перечисление свойство, которое сообщает вам, какие строки вы можете передать этому свойству. В этом случае Угловой интерфейс командной строки принимает “ нпм », « пряжа ” & “ спм (Я даже не знал спм существовал).
4. Что теперь?
Теперь вы знаете, как использовать команду, как проверить схему и построить пути для свойств, которые нужно настроить.
Схема огромна (1605 строк в выпуске Angular V6), но если вы знаете, какую конфигурацию вы ищете, просто выполните поиск по ключевому слову, если повезет, она будет доступна в ключе свойства или в описании.
Теперь почувствуйте себя 😎(круто) за то, что знаете, как настроить свой проект Angular.
