脚本宝典收集整理的这篇文章主要介绍了package.json与package-lock.json，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

简介：

• package.json  文件一般都在每个项目的根目录下面，定义了这个项目所需要的各种模块，以及项目的配置信息(比如名称、版本、许可证、依赖模块等元数据)。npm install 命令根据这个配置文件，

　　　　　　自动下载所需的模块，也就是配置项目所需的运行和开发环境。该文件会描述这个NPM包的所有相关信息，包括作者、简介、包依赖、构建等信息，格式是严格的JSON格式。

• package-lock.json  是在  `npm install` 时候生成一份文件，用以记录当前状态下实际安装的各个 npm package 的具体来源和版本号。

package-lock.json作用：

　　因为npm是一个用于管理package之间依赖关系的管理器，它允许开发者在pacakge.json中间标出自己项目对npm各库包的依赖，所以就可以实现锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。

　　你可以选择以如下方式来标明自己所需要库包的版本，例如：

"dependencies": {
 "@types/node": "^8.0.33",
},

　　这里面的 向上标号^是定义了向后（新）兼容依赖，指如果 types/node的版本是超过8.0.33，并在大版本号（8）上相同，就允许下载最新版本的 types/node库包，例如实际上可能运行npm install时候下载的具体版本是8.0.35。

 　　大多数情况这种向新兼容依赖下载最新库包的时候都没有问题，可是因为npm是开源世界，各库包的版本语义可能并不相同，有的库包开发者并不遵守严格这一原则：不同时间或者不同npm下载源之下，下到的各依赖库包版本可能有所不同，因此其依赖库包行为特征也不同有时候甚至完全不兼容。-...-   npm最新的版本就开始提供自动生成package-lock.json功能，为的是让开发者知道只要你保存了源文件，到一个新的机器上、或者新的下载源，只要按照这个package-lock.json所标示的具体版本下载依赖库包，就能确保所有库包与你上次安装的完全一样。

那如果我们安装时的包有bug，后面需要更新怎么办？

在以前可能就是直接改package.json里面的版本，然后再npm install了，但是5版本后就不支持这样做了，因为版本已经锁定在package-lock.json里了，所以我们只能npm install xxx@x.x.x  这样去更新我们的依赖，然后package-lock.json也能随之更新。

假设我们已经安装了jquery 2.1.4这个版本，从git更新了package.json和package-lock.json，我们使用npm install能覆盖掉node_modules里面的依赖吗?

其实我也有这个疑问，所以做了测试，在直接更新package.json和package-loc.json这两个文件后，npm install是可以直接覆盖掉原先的版本的，所以在协作开发时，这两个文件如果有更新，你的开发环境应该npm install一下才对。

package.json用法？

常用命令：

• npm i --save packageName   安装依赖包
• npm i --save-dev packageName
• npm i webpack@1.2.1   安装指定版本的包，版本号用@符号连接

{
    "name": "Hello World",
    "version": "0.0.1",
    "author": "张三",
    "description": "第一个node.js程序",
    "keywords":["node.js","javascript"],
    "repository": {
        "type": "git",
        "url": "https://path/to/url"
    },
    "license":"MIT",
    "engines": {"node": "0.10.x"},
    "bugs":{"url":"http://path/to/bug","email":"bug@example.com"},
    "contributors":[{"name":"李四","email":"lisi@example.com"}],
    "scripts": {
        "start": "node index.js"
    },
    "dependencies": {
        "express": "latest",
        "mongoose": "~3.8.3",
        "handlebars-runtime": "~1.0.12",
        "express3-handlebars": "~0.5.0",
        "MD5": "~1.2.0"
    },
    "devDependencies": {
        "bower": "~1.2.8",
        "grunt": "~0.4.1",
        "grunt-contrib-concat": "~0.3.0",
        "grunt-contrib-jshint": "~0.7.2",
        "grunt-contrib-uglify": "~0.2.7",
        "grunt-contrib-clean": "~0.5.0",
        "browserify": "2.36.1",
        "grunt-browserify": "~1.3.0",
    }
}

"scripts": {
    "preinstall": "echo here it comes!",
    "postinstall": "echo there it goes!",
    "start": "node index.js",
    "test": "tap test/*.js"
}

{
  "devDependencies": {
    "browserify": "~13.0.0",
    "karma-browserify": "~5.0.1"
  }
}

$ npm init

$ npm install

$ npm install express --save
$ npm install express --save-dev

{
  "name": "chai-as-promised",
  "peerDependencies": {
    "chai": "1.x"
  }
}

"bin": {
  "someTool": "./bin/someTool.js"
}

scripts: {  
  start: './node_modules/bin/someTool.js build'
}

// 简写为

scripts: {  
  start: 'someTool build'
}

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

http
  .createServer(...)
  .listen(process.env.npm_package_config_port)

$ npm run start

$ npm config set foo:port 80

"browser": {
  "tipso": "./node_modules/tipso/src/tipso.js"
},

{ "engines" : { "node" : ">=0.10.3 <0.12" } }

{ "engines" : { "npm" : "~1.0.20" } }

"man" :[ "./doc/calc.1" ]

"style": [
  "./node_modules/tipso/src/tipso.css"
]

脚本宝典总结

以上是脚本宝典为你收集整理的package.json与package-lock.json全部内容，希望文章能够帮你解决package.json与package-lock.json所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。