yarn怎么更新package.json里面的所有包

我们只需要一个命令即可yarn upgrade-interactive --latest

但是在做之前你必须有一个yarn.lock文件。如果你正在使用npm，则必须先删除package-lock.json。然后运行yarn创建结构。之后你可以做upgrade-interactive。

如果没有yarn.lock这个文件，yarn会提示你先yarn install，就像下面这样

[root@gs101 chris]# yarn upgrade-interactive --latest
yarn upgrade-interactive v1.22.19
error No lockfile in this directory. Run `yarn install` to generate one.

由于我没有yarn.lock这个文件，所以需要先yarn install

[root@gs101 chris]# yarn install

最后我们就可以使用upgrade-interactive来更新我们的包了

[root@gs101 chris]# yarn upgrade-interactive --latest
yarn upgrade-interactive v1.22.19
info Color legend : 
 "<red>"    : Major Update backward-incompatible updates 
 "<yellow>" : Minor Update backward-compatible features 
 "<green>"  : Patch Update backward-compatible bug fixes
? Choose which packages to update. (Press <space> to select, <a> to toggle all, <i> to invert selection)
 devDependencies
   name                  range   from       to      url
❯◯ sass-loader           latest  10.3.1  ❯  13.1.0  https://github.com/webpack-contrib/sass-loader
 ◯ unplugin-auto-import  latest  0.10.3  ❯  0.11.4  https://github.com/antfu/unplugin-auto-import#readme

执行命令之后，我们会看到sass-loader和unplugin-auto-import两个包有新版本需要更新

这时候我们可以敲击键盘的上下方向键来滚动选择所需要更新的某个包，选择好之后再敲击空格键确认选择，最后回车键立即更新。