Angular 4. Быстрый старт

Категория: @angular4

Создание простого приложения на Angular 4.

Фишки используемые в @angular4

  1. Автоматическая отложенная загрузка
  2. Серверный рендеринг (universal.angular.io)
  3. Augury - расширение Chrome Dev Tools для отладки
  4. Angular CLI - больше не нужны Gulp, Grunt, Webpack, Browserify
  5. Zone.js - библиотека для управления асинхронными задачи в тестировании
  6. Angular Material (material.angular.io)
  7. 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

категория: @angular4