三分钟了解 yarn.lock/package-lock.json

「前端工程化」系列正在更新: 24/36

大家好，我是山月。

为何有人说第三方库不需要提交 package-lock.json/yarn.lock？

该观点仅对第三方库的 dependencies 有效

答: 你自己项目中所有依赖都会根据 lockfile 被锁死，「但并不会依照你第三方依赖的 lockfile」。

试举一例:

在 React 自身的 yarn.lock 中版本锁定依赖如下:

代码语言：javascript复制

react@17.0.2
└── object-assign@4.1.0 (PS: 请注意该版本号)

而在个人业务项目中 yarn.lock 中版本锁定依赖如下:

代码语言：javascript复制

Application
└── react@17.0.2
    └── object-assign@4.99.99 (PS: 请注意该版本号)

「此时个人业务项目中 object-assign@4.99.99 与 React 中 object-assign@4.1.0 不符，将有可能出现问题」。

此时，即使第三方库存在 lockfile，但也有着间接依赖(如此时的 object-assign，是第三方的依赖，个人业务项目中的依赖的依赖)不可控的问题。

可参考 next.js 的解决方案。

next.js 源码点击此处

以下是一部分 package.json

代码语言：javascript复制

{
  "dependencies": {
    "@babel/runtime": "7.15.4",
    "@hapi/accept": "5.0.2",
    "@napi-rs/triples": "1.0.3"
  }
}

除了参考 next.js 直接锁死版本号方式外，还可以仍然按照 ^x.x.x 加勤加维护并时时更新 depencencies

lockfile 对于第三方库仍然必不可少。可见 react、next.js、webpack 均有 yarn.lock。(PS: 可见 yarn 的受欢迎程度，另外 vue3 采用了 pnpm)

0 人点赞