패키지json의 이해와 학습

1. 초보적 이해

npm 설치 패키지.json 시 현재 프로젝트 디렉터리로 이동하여 명령 npm install 또는 npm install --save-dev로 설치하면 자동으로 패키지를 설치합니다.json의 모듈을 node-modules 폴더에 설치

package.json에 중국어 주석을 추가하면 컴파일 오류

항목마다 루트 디렉터리 아래에 패키지가 있습니다.json 파일은 이 프로젝트에 필요한 각종 모듈과 프로젝트의 설정 정보(예를 들어 이름, 버전, 허가증 등 메타데이터)를 정의합니다.npm install 명령은 이 설정 파일에 따라 필요한 모듈, 즉 설정 프로젝트에 필요한 운행과 개발 환경을 자동으로 다운로드합니다.`

package.json 파일은 수동으로 작성할 수도 있고 npm init 명령을 사용하여 자동으로 생성할 수도 있습니다.

：npm init ， ， package.json 。 ， （name） （version） ， 。
2. 한층 더 이해
전체 필드 및 설명 주소 다음은 vue 프로젝트를 만들 때 npm init가 자동으로 생성하는 패키지입니다.제이슨 씨가 자세한 이해를 해주세요.
1. 다음은 가장 간단한 패키지입니다.json 파일 (두 개의 데이터, 프로젝트 이름, 프로젝트 버전만 있습니다. 모두 필요합니다. 없으면 설치할 수 없습니다.)

{
 "name": "kocla_test",

 "version":"1.0.0",
}

2.scripts
스크립트 명령을 실행하는 npm 명령줄의 줄임말을 지정했습니다. 예를 들어 start는 npm run start를 실행할 때 실행할 명령을 지정합니다.
다음 설정은 npm run dev, npm run bulid, npm run unit, npm run test,npm run lint_를 참고하십시오.

"scripts": {
    "dev": "node build/dev-server.js",
    "build": "node build/build.js",
    "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
    "test": "npm run unit",
    "lint": "eslint --ext .js,.vue src test/unit/specs"
  },

3.dependencies,devDependencies
dependencies와 devDependencies 두 항목은 각각 프로젝트 실행에 의존하는 모듈, 프로젝트 개발에 필요한 모듈을 지정했다.그것들은 모두 하나의 대상을 가리키는데 이 대상의 각 구성원은 각각 모듈 이름과 대응하는 버전으로 구성되어야 한다. 의존하는 모듈과 버전 범위--save 파라미터는 이 모듈을dependencies 속성에 쓰기를 의미하고,save-dev는 이 모듈을devDependencies 속성에 쓰기를 의미한다.

"dependencies": {
    "vue": "^2.2.2",
    "vue-router": "^2.2.0"
  },
  "devDependencies": {
    "autoprefixer": "^6.7.2",
    "babel-core": "^6.22.1",
    "babel-eslint": "^7.1.1",
    "babel-loader": "^6.2.10",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-preset-env": "^1.2.1",
    "babel-preset-stage-2": "^6.22.0",
    "babel-register": "^6.22.0",
    "chalk": "^1.1.3",
}

4.config 필드
config 필드는 환경 변수에 값을 출력하는 데 사용됩니다.

{ 
  "name" : "foo", 
  "config" : { "port" : "8080" }, 
  "scripts" : { "start" : "node server.js" } 
} 

5.engines 필드
이 항목에 필요한 node를 가리켰습니다.js 버전

"engines": {
   "node": ">= 4.0.0",
   "npm": ">= 3.0.0"
 },

6.bin
많은 패키지에서 실행 가능한 파일이 시스템 경로에 설치되기를 원합니다.npm에서 이렇게 하는 것은 매우 쉽다.
이것은 당신의 패키지에 필요합니다.json에서 bin 필드를 제공합니다. 명령 이름과 로컬 파일 이름의 맵입니다.설치할 때 전역적으로 설치하면 npm는 기호 링크를 사용하여prefix/bin에 이 파일을prefix/bin에 연결하고 로컬로 설치하면./node_modules/.bin/.
예를 들어 myapp를 명령으로 사용할 때 다음과 같이 할 수 있습니다.

{ "bin" : { "myapp" : "./cli.js" } }

이렇게 하면 my 앱을 설치하면 npm는 cli에서js 파일은/usr/local/bin/myapp에 대한 기호 링크를 만듭니다. (명령줄에서 myapp를 직접 실행할 수 있습니다.)