Angular 패키지 생성 및 NPM에 게시

Angular 패키지를 만드는 것은 여러 프로젝트에서 코드를 재사용하는 효율적인 방법이므로 시간과 노력을 절약할 수 있습니다.

이 글에서는 Angular 패키지를 생성하고 이를 NPM 레지스트리에 게시하는 방법에 대해 설명합니다. 새 패키지를 만들고, 새 모듈을 만들고, 패키지에 코드를 추가하는 데 필요한 단계를 진행하겠습니다.

1단계: 프로젝트 설정

첫 번째 단계는 프로젝트를 설정하는 것입니다. Angular CLI를 사용하여 새 프로젝트를 생성하겠습니다. 터미널을 열고 다음 명령을 실행하십시오.

1
ng new my-package --create-application=false

그러면 애플리케이션 없이 새로운 Angular 프로젝트가 생성됩니다. 이제 다음 명령을 사용하여 프로젝트 폴더로 이동할 수 있습니다.

1
cd my-package

2단계: 새 모듈 만들기

다음 단계는 패키지에 대한 새 모듈을 만드는 것입니다. 다음 명령을 실행하여 새 모듈을 만듭니다.

1
ng g module my-module

그러면 프로젝트에 새 모듈이 생성됩니다. 이제 모듈에 코드를 추가할 수 있습니다.

3단계: 모듈에 코드 추가

이제 모듈에 코드를 추가할 수 있습니다. 다음 명령을 사용하여 새 컴포넌트를 만듭니다.

1
ng g component my-component

그러면 모듈에 새 컴포넌트가 생성됩니다. 이제 컴포넌트에 코드를 추가할 수 있습니다.

4단계: 패키지 빌드(Build)

다음 단계는 패키지를 빌드하는 것입니다. 다음 명령을 실행하여 패키지를 빌드합니다.

1
ng build my-package

그러면 프로젝트 디렉터리에 dist 라는 새 폴더가 생성됩니다.

5단계: 패키지 게시(Publish)

마지막 단계는 NPM에 패키지를 게시하는 것입니다. NPM 계정이 없다면 무료로 만들 수 있습니다. 다음 명령을 실행하여 NPM 계정에 로그인하세요.

1
npm login

NPM 사용자 이름, 비밀번호, 이메일 주소를 입력하세요. 로그인한 후 다음 명령을 실행하여 패키지를 게시합니다.

1
npm publish dist/my-package-0.0.1.tgz

그러면 NPM 레지스트리에 패키지가 게시됩니다.

결론

이 글에서는 Angular 패키지를 생성하고 이를 NPM 레지스트리에 게시하는 방법에 대해 설명했습니다. 새 패키지를 만들고, 새 모듈을 만들고, 패키지에 코드를 추가하는 데 필요한 단계를 거쳤습니다. NPM에 패키지를 게시한 후에는 여러 프로젝트에서 코드를 재사용하여 시간과 노력을 절약할 수 있습니다.

Share