Зависимости рабочей области npm

Angular Framework, Angular CLI и компоненты, используемые приложениями Angular, упакованы как пакеты npm и распространяются через реестр npm.

Вы можете загрузить и установить эти пакеты npm с помощью Клиент командной строки npm, который устанавливается и запускается как приложение Node.js®. По умолчанию Angular CLI использует клиент npm.

В качестве альтернативы вы можете использовать клиент yarn для загрузки и установки пакетов npm.

пакет .json

И npm, и yarn устанавливают пакеты, указанные в файле package.json.

Команда интерфейса командной строки ng new создает пакет. json при создании новой рабочей области. Этот package.json используется всеми проектами в рабочей области, включая исходный проект приложения, который создается CLI при создании рабочей области.

Первоначально этот package.json включает в себя стартовый набор пакеты, некоторые из которых требуются Angular, а другие поддерживают общие сценарии приложений. Вы добавляете пакеты в package.json по мере развития вашего приложения. Вы даже можете удалить некоторые из них.

package.json разделен на две группы пакетов:

  • Зависимости необходимы для запуска приложений.
  • DevDependencies необходимы только для разработки приложений.

Зависимости

Перечисленные пакеты в разделе зависимостей package.json необходимы для запуска приложений.

Раздел зависимостей package.json содержит

  • Пакеты Angular: ядро ​​Angular и дополнительные модули; их имена пакетов начинаются с @ angular/.
  • Пакеты поддержки: сторонние библиотеки, которые должны присутствовать для запуска приложений Angular.
  • Пакеты Polyfill: Polyfills заполняют пробелы в реализация JavaScript в браузере.

Чтобы добавить новую зависимость, используйте команду ng add.

Пакеты Angular

Следующие пакеты Angular включены в качестве зависимостей в файл package.json по умолчанию для новой рабочей области Angular. Полный список пакетов Angular можно увидеть в справочнике по Angular API.

НАЗВАНИЕ ПАКЕТА ОПИСАНИЕ
@ angular/animations Библиотека анимации Angular позволяет легко определять и применять эффекты анимации, такие как переходы между страницами и списками .
@ angular/common Часто необходимые службы, каналы и директивы, предоставляемые командой Angular. HttpClientModule также находится здесь, в подпапке @ angular/common/http.
@ angular/compiler Компилятор шаблонов Angular . Он понимает шаблоны и может преобразовывать их в код, который заставляет приложение работать и обрабатывать. Обычно вы не взаимодействуете с компилятором напрямую; скорее, вы используете его косвенно через платформу-браузер-динамику при JIT-компиляции в браузере.
@ angular/core Критические части среды выполнения фреймворка, которые необходимы каждому приложению. Включает все декораторы метаданных, компонент, директиву, внедрение зависимостей и хуки жизненного цикла компонента.
@ angular/forms Поддержка как для шаблонных, так и для реактивных форм.
@ angular/http Устаревший HTTP-клиент Angular, который устарел в версии 5.0 в пользу @ angular/common/ http.
@ angular/platform browser Все, что связано с DOM и браузером, особенно части, которые помогают отображать в DOM. Этот пакет также включает метод bootstrapModuleFactory () для начальной загрузки приложений для производственных сборок, которые предварительно компилируются с помощью AOT.
@ angular/platform browser dynamic Включает поставщиков и методы для компиляции и запуска приложения на клиенте с помощью JIT-компилятора.
@ angular/router Модуль маршрутизатора перемещается между страницами вашего приложения при изменении URL-адреса браузера.

Пакеты поддержки

Следующие пакеты поддержки включены в качестве зависимостей в файл package.json по умолчанию для новой рабочей области Angular.

НАЗВАНИЕ ПАКЕТА ОПИСАНИЕ
rxjs Многие API-интерфейсы Angular возвращают наблюдаемые. RxJS — это реализация предложенной спецификации Observables, которая в настоящее время рассматривается комитетом TC39, который определяет стандарты для языка JavaScript.
zone.js Angular использует zone.js для запуска процессов обнаружения изменений Angular, когда собственные операции JavaScript вызывают события. Zone.js — это реализация спецификации, находящейся в настоящее время перед комитетом TC39, которая определяет стандарты для языка JavaScript.

Пакеты Polyfill

Во многих браузерах отсутствует встроенная поддержка некоторых функций в последних стандартах HTML, функций, которые требуются Angular. Полифиллы могут имитировать недостающие функции. В руководстве по поддержке браузеров объясняется, каким браузерам нужны полифилы и как их можно добавить.

Пакет package.json для новой рабочей области Angular устанавливает пакет core-js, который заполняет недостающие функции для нескольких популярных браузеров.

Пакеты, перечисленные в разделе devDependencies файла package.json, помогут вам разработать приложение на вашем локальном компьютере. Вы не развертываете их с производственным приложением.

Чтобы добавить новую devDependency, используйте одну из следующих команд:

  npm install  --dev  yarn add --dev  

Следующие devDependencies предоставляются в файле package.json по умолчанию для новой рабочей области Angular.

НАЗВАНИЕ ПАКЕТА ОПИСАНИЕ
@angular devkit/build angular Инструменты сборки Angular.
@ angular/cli Инструменты Angular CLI.
@ angular/compiler cli Компилятор Angular, который вызывается командами Angular CLI ng build и ng serve.
@ angular/language service Языковая служба Angular анализирует шаблоны компонентов и предоставляет информацию о типах и ошибках, которую редакторы, поддерживающие TypeScript можно использовать для улучшения опыта разработчика.
@types/… Файлы определения TypeScript для сторонних библиотек, таких как Jasmine и Node.js.
codelyzer Линтер для приложений Angular, правила которых соответствуют руководству по стилю Angular.
jasmine/… Пакеты для поддержки тестовой библиотеки Jasmine.
karma/… Пакеты для поддержки средства запуска теста кармы.
protractor Сквозной фреймворк (e2e) для приложений Angular. Создан на основе WebDriverJS.
ts-node Среда выполнения TypeScript и REPL для Node.js.
tslint Инструмент статического анализа, который проверяет код TypeScript на читабельность, ремонтопригодность и ошибки функциональности.
typescript Сервер языка TypeScript, включая компилятор TypeScript tsc.
Оцените статью
nanomode.ru
Добавить комментарий