[#] Angular — настройка среды разработки и production сборки с AOT-компиляцией и tree-shaking (Gulp, Rollup, SystemJS)
habrabot(difrex,1) — All
2017-02-10 13:30:04


Одна из особенностей Angular, присущая и первой и новой версии — высокий порог вхождения. Новый Angular, помимо всего прочего, трудно даже запустить. А и запустив, легко получить 1-2 Мб скриптов и порядка нескольких сотен запросов при загрузке hello world страницы. Можно, конечно, использовать всякие стартеры, seed'ы или Angular CLI, но для использования в серъезном проекте нужно самому во всем разбираться.



В этой статье я постараюсь описать, как настроить удобную среду разработки с использованием SystemJS, и production сборку Angular приложения на основе Rollup, с выходом около 100кб скриптов и нескольких запросов при открытии страницы. Использовать будем TypeScript и SCSS.



Попробовать все в деле можно в моем [angular-gulp-starter][1] проекте.


![][2] [Читать дальше →][3]

[1]: https://github.com/PFight/angular-gulp-starter
[2]: https://habrastorage.org/files/dc0/c30/6b9/dc0c306b93f9458db1ede6a226571123.jpeg
[3]: https://habrahabr.ru/post/321236/?utm_source=habrahabr&utm_medium=rss&utm_campaign=feed_posts#habracut