(배포용)library 만들기 2

npm 배포하기

1. 내부 실서버 테스트용 파일 만들기

cd dist/LibraryName // 앞장에서 제작한 library directory로 이동
npm pack

패키지명-version.tgz 파일이 생성된다.

ng-rest-http-3.0.1.tgz

생성된 .tgz 파일을 작업중인 실 프로젝트 에서 npm i path to tgz 하여 처리하여 import 시킨후 배포전 최종 테스트를 진행한다.

2. npm publish

테스트 후 문제가 없으면 이제 본격적인 배포판을 만들어 보자.

2.1 package.json 파일 만들기

기존에 package.json이 존재하면 이 부분은 생략해도 된다.

cd ./projects/[PackageName] // package를 만들 projects 의 라이브러리로  이동
npm init // 이후 콘솔 명령에따라 package name 및 기타 정보를 입력해 준다.

2.2 build

cd ./projects/[PackageName]
ng build LibraryName // angular 7 이전 버젼에서는  --prod 옵션을 넣어 주어야 한다.

cd ../../dist/[PackageName] // build의 결과물이 나온 dist 폴더로 이동
npm publish			

아래와 같은 메시지등을 노출하면 정상적으로 업로드 된 것이다.

npm notice 📦  [PackageName]@[version]
npm notice === Tarball Contents ===
npm notice 1.4kB  README.md
--------------------------------
npm notice === Tarball Details ===
--------------------------------
npm notice Publishing to https://registry.npmjs.org/
+ [PackageName]@[version]

만약로그인이 안되어 있을 경우

npm login // 처음 1회 만하면 이후에는 안해도 됨	

최종 테스트

이제는 정상적으로 다운되어 작동하는지 해보면 된다.

npm i [PackageName]