rm package-lock.json
npm install
npm update --dev
rm package-lock.json
npm install
npm update --dev
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
是所有直接在package.json
中指定的Angular模块的依赖项:
"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.json
中,Angular的依赖关系没有改变,因此在package-lock.json
中,tslib
的版本也保持为1.9.0
。
然而,如果我们移除package-lock.json
,删除node_modules
,手动进行上述更新操作并调用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
,所有间接依赖项都可以更改。