#Dmin Angular Schematics
자주 사용하는 angular schematics generate 를 정의하는 서비스
- 빈 angular 프로젝트
- projects 하위의 dn-schematics library 프로젝트
ng new dn-angular-shcematics --create-application false
ng generate library dn-schematics
라이브러리 최상위 폴더 아래에 schematics 폴더를 생성합니다.
schematics 폴더에 첫번째 스키매틱으로 사용할 ng-add 폴더를 생성합니다.
schematics 폴더에 collection.json 파일을 생성합니다.
collection.json 파일의 내용을 다음과 같이 작성합니다.
{
"$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
"schematics": {
"ng-add": {
"description": "Add my library to the project.",
"factory": "./ng-add/index#ngAdd"
}
}
}
라이브러리 프로젝트의 package.json 파일에 "schematics"를 추가하고 위에서 작성한 스키마 파일의 경로를 지정합니다. 그러면 Angular CLI가 이 스키마 파일의 내용을 추가하며 확장됩니다.
{
"name": "my-lib",
"version": "0.0.1",
"schematics": "./schematics/collection.json"
}
먼저 아래 Script 를 실행한다
build:my-lib
이후에 아래 Script 를 실행한다
build:mac
ng generate dn-schematics:entity-service my-data
ng generate dn-schematics:admin-list list-page
ng generate dn-schematics:admin-detail detail-page
ng generate dn-schematics:admin-add add-page
ng generate dn-schematics:admin-modify modify-page