Nx Angular Lib Generate

agnusdei·2023년 7월 5일
0
post-custom-banner

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

  1. 터미널 또는 명령 프롬프트를 엽니다.
  2. NX 워크스페이스의 루트 디렉토리로 이동합니다.
  3. 다음 명령을 실행하여 라이브러리를 추가합니다:
   nx g @nrwl/angular:library my-lib
 위의 명령에서 `my-lib`는 추가할 라이브러리의 이름입니다. 필요에 따라 라이브러리 이름을 변경할 수 있습니다.
  1. 명령을 실행하면 라이브러리에 대한 프로젝트 구조와 파일이 생성됩니다.

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

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

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

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

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

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

0개의 댓글