FE/Angular

프로젝트 생성 이후 VSCode에서의 Angular.json

Birthmark 2022. 2. 3. 21:08

angular.json에 대한 설명

 

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を定義するクラスになる。