FE/Angular
프로젝트 생성 이후 VSCode에서의 Angular.json
Birthmark
2022. 2. 3. 21:08
3.Angular 프로젝트 첫걸음
프로젝트 생성 이후 visual studio code에서 새로 만든 프로젝트를 열어보았습니다. 프로젝트를 열면 configuration에 관련된 많은 파일들이 있는데요. 가장 중요한 건 angular.json 파일로 angular.json 파일은.
choonsdevlog.tistory.com
- index : 始まるファイル
- outputPath:angular cliがビルド時プロジェクト内で使われるjavascriptやcss filesなどをwebpackを介してbundlingした後そのbundlingしたファイルを動的に追加させる経路、リリース用ファイルが生成される場所
- main:アプリで初めて呼び出すスクリプトファイル
main.ts
platformBrowserDynamic().bootstrapModule(AppModule);
platformBrowserDynamic()
作成したコードそのままで実行されることではなくて一度compileして実際に実行可能なjavascriptコードを作り出すのにこの作業をブラウザにて動的に行うという事。
bootstrapModule()
angular applicationを実行するroot moduleを指定する事。
root moduleに指定されたAppModuleファイルはapp.module.tsとして存在。
app.module.ts
@NgModule
decorator
typescriptがサポート機能でありこのデコレーターを追加すれば該当クラスがただのクラスではなくてangular moduleを定義するクラスになる。