Page 10 - 6182

Таблиця 1.2 – Структура директорії src
Назва Призначення
app/ Директорія головного компонента
app.component.{ts, проекту в ній розміщуються файли, які
html, scss, spec.ts} визначають клас компоненту, шаблон,
стилі і заготовку для модульного тесту

index.html Головна HTML-сторінка проекту
main.ts Точка входу додатку, саме з цього
файлу Angular починає запуск додатку
polyfills.ts Конфігурація нормалізатора
test.ts Точка входу для модульних тестів
tsconfig.{app|spec}.json Файл конфігурації для транслятора
мови TypeScript (для головного
компонента і тестів)
typings.d.ts Файл де визначені типи даних для
TypeScript, які використовуються в
проекті

Як було зазначено вище інструмент Angular CLI вміє не лише
створювати структуру нового проекту, але модифікувати існуючий
проект, шляхом створення нових компонентів, модулів, сервісів і т.

п. Для цього в складі інструменту є генератори, які призначені для
створення заготовок нових елементів проекту. Генератори
створюють всі необхідні файли і директорії, а також наповнюють їх
деяким базовим вмістом, який необхідний за будь-яких умов.

Наприклад, при створенні нового компоненту Angular, будуть
імпортовані всі необхідні залежності, модифіковано файл
визначення модуля, створено заготовку для модульного тестування

відповідного компоненту з декількома наперед визначеними
сценаріями тестів. Слід зазначити, що із виходом нових версій
платформи буде змінюватися також інструмент Angular CLI, це
потрібно мати на увазі при переході на нові версії бібліотек. Згідно

із заявою Google цикл розробки є піврічним.
Розглянемо детальніше існуючі генератори інструменту
Angular CLI. Їхній перелік і призначення наведено в таблиці 1.3.

10