Package.json :: 패키지 버전정보

Package.json

npm init 으로 폴더를 초기화 하면 Package.json이라는 파일이 생성된다. 
간단하게 한번 알아보자. 이녀석이 뭐하는 녀석인지. 

 

pakckage.json을 간단히 나누어보면 

 

크게 2가지 항목으로 나뉘어 볼 수 있는데

    1. 프로젝트 정보 

    2. 패키지 정보

로 나눌 수 있다. 

 

프로젝트 정보는

    1. 프로젝트 명은 무엇인지.

    2. 버전은 무엇인지,

    3. 관련된 정보(모듈패키지)에는 어떤게 있는지.

    4. 제작자는 누구고 깃 주소는 어떻게 되는지.

    5. 사용방법은 어떻게 되는지.

 

패키지 정보는

    6. 사용중인 패키지의 버전정보는 무엇인지

    7. 일반적인 패키지와

    8. 개발할때 사용했던 패키지 (실제 배포할때는 필요없는 웹팩이나, 바벨등)

 

등을 모두 확인할 수 있다. 

 

 

package.json에 대한 주요항목들을 살펴보자.

 

{
  "name": "webpack-demo",
  "version": "1.0.0",
  "description": "this is a description",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server",
    "build": "webpack --config webpack.config.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "heesangs",
  "license": "ISC",
  "dependencies": {
    "lodash": "^4.17.20"
  },
  "devDependencies": {
    "autoprefixer": "^10.0.1",
    "css-loader": "^5.0.0",
    "html-webpack-plugin": "^4.5.0",
    "mini-css-extract-plugin": "^1.2.0",
    "node-sass": "^4.14.1",
    "postcss-loader": "^4.0.4",
    "sass-loader": "^10.0.4",
    "style-loader": "^2.0.0",
    "webpack": "^4.30.0",
    "webpack-cli": "^3.3.0",
    "webpack-dev-server": "^3.3.1"
  },
  "browserslist": {
    "browsers": [
      ">1%",
      "last 2 versions"
    ]
  }
}

name : 프로젝트 명