이것저것 해보기🌼

나만의 npm package 만들기 본문

FE/유용한 정보들

나만의 npm package 만들기

realtree 2024. 9. 4. 16:14

 

프로젝트마다 공통적으로 만들어쓰는 함수등은 npm 으로 패키지화하여 사용할 수 있다.

(sleep 함수, 대소문자 변환 등등..)

 

1. npm  회원가입하기

 

2. VS Code에서 신규 package.json 만들기

- 참고 : package.json documentation 

- 주의 : 내 npm version 에 맞는 도큐멘트를 잘 확인할 것

https://docs.npmjs.com/cli/v10/configuring-npm/package-json

 

package.json | npm Docs

Specifics of npm's package.json handling

docs.npmjs.com

 

3. 해당 디렉토리에서 npm login 하기

- 웹 화면으로 이동해서 인증하면 로그인 완료

- npm whoami 로 확인

 

 

4. npm publish 하기

- 참고 : 초기 버전은 "0.1.0"으로 작성

 

5. npm 내 계정에서 확인하기

 

 

6. 업그레이드 방법은 동일하게 publish 명령어로 진행

- 주의 : 버전을 업그레이드 해야지 올라감

 

 

7. 다른 프로젝트에서 가져와쓰기 

npm i @hui3363/my-npm-package