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

Question

除了npm update 修改 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.jsonandnpm 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是所有的角模块，是直接在指定的相关性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.json手动和调用中进行上述更新，npm install我们可以在新生成的package-lock.json中看到tslib也更新为1.12.0。（如果我们不删除node_modules相同的版本可以package-lock.json像以前一样放回原处。）

结论

所以区别在于，如果npm update --dev只更新那些直接和间接依赖项，它们与package.json. 但在情况下，rm package-lock.json和npm install所有的间接依赖可以改变。