Angular CLI только что выпустил свою последнюю минорную версию. Как и в случае с младшими версиями Angular, мы по-прежнему получаем большие возможности с очень простым обновлением, в котором нет критических изменений.

Давайте посмотрим на эти новые функции:

  1. Оптимизатор сборки

Angular CLI 1.3 обновлен до Webpack 3, что означает множество исправлений ошибок и улучшенный процесс сборки. Мы также получаем вариант оптимизатора сборки, предназначенный для производственных сборок меньшего размера.

А в мире Javascript меньший размер кода означает более быструю загрузку и более быстрый анализ, что приводит к более быстрым веб-приложениям:

ng build --prod --build-optimizer

2. Экспериментальная поддержка Angular Universal

Angular Universal позволяет запускать код Angular на стороне сервера, а не в браузере. Команда CLI написала полное руководство о том, как использовать новые функции CLI для универсальных приложений.

На данный момент есть некоторые предостережения, например, тот факт, что отложенная загрузка еще не поддерживается, но Universal на данный момент все еще находится на переднем крае. Однозначно перспективно на будущее!

3. Использованы последние версии TypeScript и Webpack

TypeScript привносит столько возможностей в фреймворк Angular, что использование последней версии определенно является хорошей практикой. Angular CLI теперь поддерживает TypeScript 2.4 и Webpack 3.

4. Лениво загружаемые фрагменты имеют имя

До CLI 1.3 куски с ленивой загрузкой назывались 0.js, 1.js и т. д. Теперь эти куски носят имя своего модуля, например feature.module.chunk.js. Это гораздо более явно и немного упрощает отладку.

Этот параметр можно включить/отключить с помощью параметра namedChunks в .angular-cli.json. Значения по умолчанию: true для сборок разработки и false для сборок производства.

5. Множество исправлений ошибок

Я насчитал более 50 исправлений ошибок, включенных в CLI 1.3. Это означает более быструю и последовательную сборку, что всегда является лучшей частью обновления до последней версии CLI: всегда кажется, что все работает быстрее!

Меня зовут Ален Шотар. Я являюсь консультантом-основателем и тренером Angular Training, где я помогаю командам веб-разработчиков изучать и свободно использовать Angular. Загляните к нам @AngularTraining!

Если вам понравилась эта статья, пожалуйста, порекомендуйте и поделитесь ею! Спасибо за ваше время.