나만의 모듈을 NPM 사이트에 직접 배포해보기

✔️ 목표

→ 나만의 모듈을 NPM 사이트에 직접 배포해보기

→ 배포 결과

📖 NPM이란?

https://www.npmjs.com/

→ 오픈소스 node.js 프로젝트, 모듈, 기타 자원등의 온라인 레포지터리

→ npm install 명령어를 통해 해당 라이브러리를 쉽게 설치 후 사용 가능

🎶 NPM 모듈 배포

1. Package.json 설정

→ Name : NPM 사이트에 배포될 모듈의 이름 (다른 모듈과 중복 x)

→ Version : NPM 모듈 버젼 (수정사항이 있을 경우, 이전 버젼과 달라야함)

→ Description : NPM 사이트에 올라갈 모듈 설명

→ Keyword : 모듈의 키워드를 배열로 지정

→ Homepage : 프로젝트 홈페이지 URL

→ Main : 프로그램의 기본 진입 점을 지정

→ Repository : 코드가 실제 존재하는 주소

{
  "name": "react-typescript-chromium-extension-boilerplate",
  "version": "1.0.3",
  "description": "react-typescript-chromium-extension-boilerplate(no CRA)",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server --mode development",
    "build": "webpack --mode=production --progress"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/dooking/react-typescript-chromium-extension-boilerplate.git"
  },
  "keywords": [
    "react",
    "typescript",
    "chrome",
    "extension",
    "boilerplate"
  ],
  "author": "dooking (http://github.com/dooking)",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/dooking/react-typescript-chromium-extension-boilerplate/issues"
  },
  "homepage": "https://github.com/dooking/react-typescript-chromium-extension-boilerplate#readme",
  "dependencies": {
  },
  "devDependencies": {
  }
}