Angular 4. Быстрый старт
Создание простого приложения на Angular 4.
Фишки используемые в @angular4
- Автоматическая отложенная загрузка
- Серверный рендеринг (universal.angular.io)
- Augury - расширение Chrome Dev Tools для отладки
- Angular CLI - больше не нужны Gulp, Grunt, Webpack, Browserify
- Zone.js - библиотека для управления асинхронными задачи в тестировании
- Angular Material (material.angular.io)
- Angular Mobile Toolkit (mobile.angular.io) - оффлайн загрузка Web приложений
Настройка dev окружения
Внимание!
Пакет @angular/cli ожидает nodejs 6.0. Руководство по установке/обновлению nodejs на Ubuntu 16.04.
Установка @angular/cli:
sudo npm remove -g angular-cli
sudo npm install -g @angular/cli
ng version
ng help
Создание проекта
Создание нового проекта:
ng new my-app
cd my-app/
Каталог с проектом весит ~ 150MB.
Запустить сборку проекта в dev окружении:
ng serve
Dev версия приложения в браузере весит ~ 2.3MB, загружается ~ 1.2 сек.
Prod версия приложения в браузере весит ~ 75KB, загружается ~ 0.5 сек.
Запустить сборку production версии:
ng build --prod --base-href "/my-project/my-app/dist/"
#@angular4