본문 바로가기

엉터리 개발 이야기/angular2+

[Angular8] Angular Library 만들기 with angular@cli

반응형

참고 페이지 : 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 수행

 

 

 

 

 

 

반응형