npm 패키지 게시에 대한 쉬운 가이드

JavaScript 프레임워크에서 작업한 사람은 npm 패키지가 무엇인지 알고 있습니까? 그리고 얼마나 중요합니까? 그렇다면 자신의 패키지를 게시하는 것에 대해 어떻게 생각하십니까? 예, npm i your_component_name 🤩🤩를 사용하여 자신만의 패키지를 설치하는 것이 멋지다는 것을 알고 있습니다. 이 모든 것들은 초보자에게 매우 의미가 있습니다. 그것은 확실히 당신의 얼굴에 미소를 가져올 것입니다 😇.

여기에서는 npm 패키지를 게시할 수 있는 몇 가지 쉬운 단계를 살펴보겠습니다. 이를 위해 먼저 게시하려는 구성 요소를 빌드해야 합니다. 구성 요소를 성공적으로 생성한 후 아래 단계를 따르십시오.

구성 요소의 모든 필수 파일을 단일 폴더에 보관하고 이름이 구성 요소라고 가정합니다.

(⚠️구성 요소의 모든 필수 파일은 구성 요소 폴더 안에 있어야 합니다.)

이제 이 안에 index.js 파일을 만듭니다. 아래 이미지 참조 👇

이제 다음과 같이 index.js 파일에서 구성 요소를 가져오고 내보내십시오 👇

import your_component_name from './component/your_component_name'
export default your_component_name;

(또는 vs 코드로 이 폴더를 열고 index.js라는 새 파일을 만들고 이 두 줄을 작성하고 저장합니다.)
⚠️ your_component_name을 구성 요소 이름으로 바꾸십시오.

npm 계정이 없으면 브라우저에서 npm으로 이동하여 가입하십시오. click here to sign up with npm

같은 폴더에서 cmd를 엽니다. 쉬운 방법은 폴더 경로 대신 cmd를 작성하고 Enter를 클릭하십시오. 아래 참조👇

이 명령으로 npm에 로그인합니다npm add user.
(사용자 이름, 암호 및 이메일을 묻고 로그인만 하면 됩니다.)

이제 이 명령을 실행합니다npm init.
패키지 이름, 버전, 설명, 진입점, 테스트 명령, git 저장소(구성 요소가 git에 있는 경우 저장소 링크 제공), 키워드(이 키워드는 npm 검색에서 패키지 이름을 표시하는 데 도움이 됨), 작성자를 묻습니다. (이렇게 your_name < your email id > ) 및 라이센스(원하는 "MIT"또는 "ISC")를 입력한 다음 yes라고 쓰고 enter를 클릭합니다.

위와 같이 생성된 package.json을 볼 수 있습니다.

타사 라이브러리를 사용한 경우 여기에 설치하면 모든 항목이 package.json에 종속 항목으로 나열되어 사용자가 단일 npm 설치로 모든 항목을 설치하는 데 도움이 됩니다.

이제 npm에 표시될 구성 요소를 설명하는 readme.md를 만듭니다.

cmd로 돌아가서 실행합니다. npm publish

이제 npm에 나열된 패키지를 볼 수 있습니다.

🎉🎉🎉🎉🎉
축하합니다. npm 패키지를 성공적으로 게시했습니다.

Link to my npm packages

고맙습니다

나에게 연락하는 방법:

링크드인:

트위터:

GitHub: saurabh190802

이메일: [email protected]