직접만든 라이브러리 npm package 배포하기 (모듈 배포, 버전업 후 배포실패시 캐시 삭제)

👉 자신이 만든 모듈로 npm package 배포하는 법을 설명한다.

git repository 를 node 로 만들어준 후 clone을 하였습니다.

그 다음 index.js 파일을 만들고 간단하게 sum 함수를 만든뒤 module.exports 를 하였습니다.

module.exports 도 만들 수 있고 import 를 해오려면 export 로 만들어줘야 합니다.

npm init 에 -y를 붙여주면 package.json 파일을 만들어 줍니다. 

그 다음 npm login 을 해준 후

npm publish 를 해주면 배포가 됩니다.

access를 설정해주지 않아서

'You muse sign up for private packages' 라고 에러 문구가 나왔습니다.

테스트 용도로 작업한것이기 때문에 access 에 public 값을 추가해줬습니다.

다시 npm publish 명령어를 입력하니 배포가 되었습니다.

다른 프로젝트에서 설치 테스트를 해보았습니다.

npm i @verysoyoung/npm-text 까지만 해도되지만 버전을 붙여서 설치하였습니다.

설치성공!

module.exports 로 모듈화 하였기 때문에 require 을 통해서 모듈을 가져올 수 있습니다.

👉  es6에서 공식적으로 채택된 모듈화 방식인 export, import 로 모듈화 하기 

index2.js 파일을 만들어서 함수를 export 해줍니다.

여러개의 파일을 배포하려면 하나의 root 파일에서 파일을 모아 export 해줘야 합니다. (이건 컴포넌트 배포할 때 다시 올리겠습니다!)

저장을 해준 후 배포를 다시하려면 버전을 업해줘야 합니다. v1.0.0 -> v1.0.1로 올렸습니다.

그리고 module 에 index2.js를 추가했습니다.

그 다음 이 전 방법과 똑같이 npm publish 를 해줍니다.

배포성공!

이전에 설치했던 다른 프로젝트에서 버전을 업해서 설치하였습니다.

'No matching version found for' npm package.. 라고 나왔는데 

배포는 되었으나 npm package 를 찾지 못하였습니다.

찾아보니 캐시 때문인걸로 판단하며

npm cache clean --force 로 캐시를 지워줬습니다.

다시 설치하니 설치성공!

import 로 함수를 가져왔습니다. 

console.log 로 함수를 실행해보니 잘 나오고 있습니다.

모듈에 타입을 지정해주지 않아서 생기는 에러입니다. 타입스크립트로 다시 배포하는 걸로,,

 

👉 처음으로 npm package 를 배포해봤는데, 그냥 함수였지만 다음에는 나만의 라이브러리, ESLint 등을 패키지로 배포해서 사용하면 편리하게 사용가능할 것 같았습니다. 약간 설레는 마음,, 두근두근 

다음 모듈은 작업할 때 자주 사용하는 컴포넌트를 만들어 보려 합니다.

 

 

내가 처음으로 배포한 npm 패키지 

https://www.npmjs.com/package/@verysoyoung/npm-text

자동 배포 시스템 (커밋 메시지를 일관적으로 작성하여 이 시맨틱 버전 을 자동화 해주는 도구) 

https://semantic-release.gitbook.io/semantic-release/