npm - `npm update`和`remove package-lock.json`加上`npm install`之间的区别？

Question

除了npm update modify package.json之外，这些命令之间有什么本质区别？

rm package-lock.json
npm install

npm update --dev

Answer 1

基本上，package-lock.json间接依赖关系被锁定。间接依赖是指那些没有在package.json你的项目中指定的依赖，但它们是你的依赖的依赖。

何时npm update --dev调用某些依赖项会在package.json. 更新条目后调用安装，此安装更新package-lock.json与package.json. 这意味着直接和间接依赖项都在package-lock.json. 但仅限于那些在package.json. 在 中保持不变的第三方在 中package.json不会被触及package-lock.json。（它们的直接和间接依赖关系保持不变。）

当rm package-lock.json和npm install被调用时，有关间接依赖关系的信息会随着package-lock.json. 如前所述，会生成npm install一个新package-lock.json的，并且可以更改所有依赖项的间接依赖项。

让我们看一个例子。

在package-lock.json我们有一个间接依赖tslib: 1.9.0。

"tslib": {
  "version": "1.9.0",
  "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.0.tgz",
  "integrity": "sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ=="
},

tslib是所有 Angular 模块的依赖项，直接在package.json:

"dependencies": {
  "@angular/animations": "8.2.12",
  "@angular/cdk": "~8.2.3",
  "@angular/common": "8.2.12",
  "@angular/compiler": "8.2.12",
  "@angular/core": "8.2.12",
  "@angular/flex-layout": "^8.0.0-beta.27",
  "@angular/forms": "8.2.12",
  "@angular/material": "^8.2.3",
  "@angular/platform-browser": "8.2.12",
  "@angular/platform-browser-dynamic": "8.2.12",
  "@angular/platform-server": "8.2.12",
  "@angular/router": "8.2.12",
  "@nguniversal/module-map-ngfactory-loader": "8.1.1",
  "aspnet-prerendering": "^3.0.1",
  "bootstrap": "^4.3.1",
  "core-js": "^2.6.5",
  "hammerjs": "^2.0.8",
  "jquery": "3.4.1",
  "oidc-client": "^1.9.0",
  "popper.js": "^1.14.3",
  "rxjs": "^6.4.0",
  "zone.js": "~0.9.1"
},
"devDependencies": {
  "@angular-devkit/build-angular": "^0.800.6",
  "@angular/cli": "8.3.18",
  "@angular/compiler-cli": "8.2.12",
  "@angular/language-service": "8.2.12",
  "@types/jasmine": "~3.3.9",
  "@types/jasminewd2": "~2.0.6",
  "@types/node": "~11.10.5",
  "codelyzer": "^5.0.1",
  "jasmine-core": "~3.3.0",
  "jasmine-spec-reporter": "~4.2.1",
  "karma": "^4.0.0",
  "karma-chrome-launcher": "~2.2.0",
  "karma-coverage-istanbul-reporter": "~2.0.5",
  "karma-jasmine": "~2.0.1",
  "karma-jasmine-html-reporter": "^1.4.0",
  "typescript": "3.4.5"
},
"optionalDependencies": {
  "node-sass": "^4.9.3",
  "protractor": "~5.4.0",
  "ts-node": "~5.0.1",
  "tslint": "~5.9.1"
}

如果我们调用npm update --dev，将完成以下更改：

+ bootstrap@4.5.0
+ core-js@2.6.11
+ popper.js@1.16.1
+ karma-jasmine-html-reporter@1.5.4
+ karma-coverage-istanbul-reporter@2.0.6
+ codelyzer@5.2.2
+ karma@4.4.1
+ @types/jasmine@3.3.16
+ @types/jasminewd2@2.0.8
+ oidc-client@1.10.1
+ rxjs@6.5.5

我们可以看到，package.jsonAngular 的依赖关系没有被触及。因此，tslib也保留1.9.0在package-lock.json.

但是，如果我们删除package-lock.json，删除，手动node_modules执行上述更新并调用，我们可以在新生成的中看到也更新为。（如果我们不删除相同的版本，可以像以前一样放回原处。）package.jsonnpm installpackage-lock.jsontslib1.12.0node_modulespackage-lock.json

结论

所以不同之处在于，如果npm update --dev只有那些直接和间接依赖项被更新，它们与package.json. 但是在这种情况下rm package-lock.json，npm install所有间接依赖关系都可能发生变化。