Vue - package.json 설명

프로젝트 폴더를 보면 package.json으로 들어가보자

여기에

 "name": "project01",
  "version": "0.1.0",
  "private": true,

프로젝트 관련 정보들이 있는데 "private" : true를 보면 기본값이 true로 되어있다. true가 아니면 이것은 다른사람들이 내 프로젝트를 누구나 검색할 수 있고 사용할 수 있다.

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

우리가 npm 프로젝트를 실행할때 npm run serve를 입력했다. 여기서 serve를 run 한다는 것은

vue-cli-service serve 를 run하는 것과 같다.

npm run build 는 vue 로 개발한 파일들을 최종적으로 운영환경에 빌드하기 전에 사용할 수 있는 파일들로 변환하는 명령어다.

"dependencies": {
    "core-js": "^3.8.3",
    "vue": "^3.2.13"
  },
  "devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^8.0.3"
  },

 dependencies 부분은 운영환경에 배포할때 필요한  vue 관련 모듈이다.

devDependencies는 개발하면서 필요한 모듈들이다. 이 모듈들을 구현하는데 필요한 여러 모듈에 대한 정보는

package-lock.json에서 볼 수 있다. 여기에 있는 모든 모듈들은 node_modules에서 볼 수 있다.

"eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "@babel/eslint-parser"
    },
    "rules": {}
  },

이 부분은 나중에 설명

"browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead",
    "not ie 11"
  ]

browserslist부분은

전세계 사람들이 적어도 1% 이상 사용하고 있는 브라우저만 지우너하고 . 가장 최근 2개의 버전만 지원한다. internet explore 11 버전은 지원하지 않는다. 라는 의미이다.