Просто хотите узнать, как Angular
строит и работает за кулисами?
Ниже я понял это до сих пор. Хочешь узнать, пропустил ли я что-то.
Как угловые сборки
После кодирования наших угловых приложений с использованием TypeScript
мы используем команду Angular CLI
для создания приложения.
Команда ng build
компилирует приложение в выходной каталог, и артефакты сборки будут храниться в каталоге dist/
.
Внутренний процесс
1. Angular CLI
запускает Webpack
для сборки и компоновки всего кода JavaScript и CSS
.
2. В свою очередь, Webpack
вызывает загрузчики TypeScript
которые .ts
весь файл .ts
в угловом проекте, а затем пересылают их в JavaScript
т.е. в файл .js
, который браузеры могут понять.
В этом сообщении говорится, что у Angular
есть два компилятора:
-
Просмотр компилятора
-
Компилятор модуля
Вопросы по сборке
Какова последовательность вызова процесса сборки?
Угловой CLI Сначала вызывает угловой встроенный компилятор, написанный в Typcript =>, затем вызывает Transcript_pipecript =>, затем вызывает пакет Webpack для связывания и хранения в каталоге dist/
.
Как работает угловой
Когда сборка завершена, все наши компоненты, сервисы, модули и т.д. Передаются в файлы javascript Javascript.js
которые используются для запуска углового приложения в браузере.
Заявления в угловых документах
-
Когда вы
AppComponent
классAppComponent
(в main.ts), Angular ищет<app-root>
вindex.html
, находит его, создает экземпляр AppComponent и отображает его в<app-root>
. -
Угловое создает, обновляет и уничтожает компоненты, когда пользователь перемещается через приложение.
Вопросы по трассам
Хотя main.ts
используется в заявлении выше для объяснения процесса начальной загрузки, не является ли угловое приложение загрузочным или запущено с использованием файлов Javascript.js
?
Не все ли указанные выше инструкции выполняются во время выполнения с использованием Javascript.js
файлов?
Кто-нибудь знает, как все детали подходят друг к другу по глубине?