Новые изменения поддержки Angular TypeScript в версии 10

Angular недавно выпустил свою версию 10, которая полна функций. Одним из важных изменений является тот факт, что его новая поддержка TypeScript нарушает совместимость с предыдущими версиями. Давайте посмотрим, что нового и какую пользу это принесет разработчикам Angular.

Изменения в поддержке TypeScript в Angular 10 можно обобщить в трех областях:

Новая поддержка TypeScript 3.9

Angular 10 — это основной выпуск, опубликованный 24 июня и загруженный множеством новых дополнений: от компонентов пользовательского интерфейса, таких как новый выбор диапазона дат, до серьезных внутренних изменений, таких как поддержка версии TypeScript.

Поддержка Angular TypeScript обновлялась очень быстро, демонстрируя полную приверженность надмножеству типов JavaScript:

• Angular 9, выпущенный 6 февраля, поддерживает TypeScript 3.7.
• Angular 9.1, выпущенный 25 марта, представил поддержку TypeScript 3.8.
• Angular 10 теперь поддерживает только TypeScript 3.9

Обратите внимание, что это критическое изменение: TypeScript 3.8 и более ранние версии больше не поддерживаются в Angular, и если они вам по какой-либо причине нужны, вам не следует обновляться до Angular 10, чтобы сохранить целостность вашего приложения.

TSlib, официальная библиотека времени выполнения для TypeScript, содержащая все вспомогательные функции TypeScript, была обновлена ​​до версии 2.0.

TSLint, инструмент статического анализа, проверяющий код TypeScript на удобочитаемость, ремонтопригодность и функциональные ошибки, был обновлен до версии 6. Это последняя основная версия TSLint до того, как она стала устаревшей, поэтому вполне вероятно, что в новой версии Angular будет представлена ​​поддержка TypeScript ESLint, эволюция TSLint, позволяющая ESLint поддерживать TypeScript.

Новая структура проекта

Еще одна область, в которой также была обновлена ​​поддержка Angular TypeScript, — макет проекта. Версия 10 теперь представляет новый файл tsconfig.base.json. Этот новый файл работает в сочетании с традиционным tsconfig.json:

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

Обновление приложения ng updateавтоматически обновит структуру для использования нового файла tsconfig.base.json.

Новые строгие настройки

Angular 10 теперь предлагает новую опцию для команды CLI ng new. Когда вы создаете новое рабочее пространство с

ng new --strict

в новой рабочей области будут включены новые параметры для активации строгого режима в TypeScript и настройки правил линтинга для предотвращения объявлений типа any. Это позволяет заблаговременно выявлять ошибки, а также позволяет CLI выполнять расширенную оптимизацию приложения.

Больше изменений в Angular 10

В этом посте обобщены изменения в поддержке Angular TypeScript. Есть еще много изменений, о которых вы можете прочитать в блоге о выпуске Angular 10 .