Nx Angular Lib 생성 및 활용

NX에서 라이브러리를 추가하는 방법은 다음과 같습니다.

1. 터미널 또는 명령 프롬프트를 엽니다.
2. NX 워크스페이스의 루트 디렉토리로 이동합니다.
3. 다음 명령을 실행하여 라이브러리를 추가합니다:

   nx g @nrwl/angular:library my-lib

   위의 명령에서 `my-lib`는 추가할 라이브러리의 이름입니다. 필요에 따라 라이브러리 이름을 변경할 수 있습니다.

4. 명령을 실행하면 라이브러리에 대한 프로젝트 구조와 파일이 생성됩니다.

NX는 `@nrwl/angular` 스키마를 사용하여 Angular용 라이브러리를 생성합니다. 라이브러리는 재사용 가능한 컴포넌트, 서비스, 파이프 등을 포함할 수 있습니다. 생성된 라이브러리는 NX 워크스페이스의 `libs` 디렉토리에 저장됩니다.

이렇게 생성된 라이브러리를 원하는 Angular 프로젝트에서 사용할 수 있습니다. `angular.json` 파일에서 해당 프로젝트의 `architect` 섹션을 수정하여 라이브러리를 참조하도록 설정할 수 있습니다.

추가로, 필요에 따라 `--directory` 옵션을 사용하여 라이브러리를 생성할 디렉토리를 지정할 수 있습니다. 예를 들어, `--directory=my-dir`을 사용하여 `my-dir`이라는 디렉토리에 라이브러리를 생성할 수 있습니다.

 

5. 해당 라이브러리가 사용될 스코프 (저는 프로젝트 전역에서 사용할 예정이므로 최상단) tsconfig.base.json 파일 설정

 

 

6. 저는 common 이라는 lib 를 생성했습니다. 경로에 맞춰 설정하면 끝!

 

 

 

7. 제가 생성한 common lib의 index.ts 파일은 다른 모듈을 export 하도록 설계되어 있습니다.