엉터리 개발 이야기/angular2+
[Angular8] Angular Library 만들기 with angular@cli
억삼이
2020. 2. 24. 00:12
반응형
참고 페이지 : https://angular.io/guide/creating-libraries
Angular
angular.io
1. 기본 Angular Project 생성
- npx -p @angular/cli ng new CellTos
2. Library 생성
- npx -p @angular/cli ng new DevLib --create-application=false
- ng g library elf-lib
3. Library 빌드
- ng build
4-1. 1에서 생성한 프로젝트에서 Install 하기
- npm i --save file://../DevLib/dist/elf-lib
4-2. 1에서 생성한 프로젝트에서 Link로 연결하기
- DevLib/dist/elf-lib 폴더에서 npm link 수행
- CellTos 폴더에서 npm link elf-lib
5. Library 빌드 시 사용하는쪽에서 compile 에러나는 경우 처리 방법
- Library 쪽에서 build 옵션에 --watch 추가(먼저 수행)
- 빌드 수행 후 ng serve 수행
반응형