立即更新所有过时的 Angular 包

Question

我以前使用过ng update --all，因为我想将每个包更新到最新版本，包括那些没有附加原理图的依赖项。

该--all选项现已弃用，将不再起作用。唯一的选择是指定要更新的每个包，我觉得这很乏味。有没有办法将过时的包输出 grep 到ng update单行空格分隔的变量中，然后可以将其输入到新的变量中ng update ${packageList}？

的输出ng update如下：

The installed local Angular CLI version is older than the latest stable version.
Installing a temporary version to perform the update.
Installing packages for tooling via npm.
Installed packages for tooling via npm.
Using package manager: 'npm'
Collecting installed dependencies...
Found 67 dependencies.
    We analyzed your package.json, there are some packages to update:

      Name                                     Version                  Command to update
     --------------------------------------------------------------------------------------
      @angular/cdk                             10.2.5 -> 11.0.0         ng update @angular/cdk
      @angular/cli                             10.1.7 -> 11.0.0         ng update @angular/cli
      @angular/core                            10.2.0 -> 11.0.0         ng update @angular/core
      @angular/material                        10.2.5 -> 11.0.0         ng update @angular/material
      @nrwl/angular                            10.3.1 -> 10.3.3         ng update @nrwl/angular
      @nrwl/cypress                            10.3.1 -> 10.3.3         ng update @nrwl/cypress
      @nrwl/jest                               10.3.1 -> 10.3.3         ng update @nrwl/jest
      @nrwl/storybook                          10.3.1 -> 10.3.3         ng update @nrwl/storybook
      @nrwl/workspace                          10.3.1 -> 10.3.3         ng update @nrwl/workspace

    There might be additional packages which don't provide 'ng update' capabilities that are outdated.
    You can update the addition packages by running the update command of your package manager.

我想运行一个 bash 脚本，该脚本仅收集此输出第一列中的包名称，并将其反馈到变量中。最终结果是：

> ng update ${packageList}

ng update @angular/cdk @angular/cli @angular/core @angular/material @nrwl/angular @nrwl/cypress @nrwl/jest @nrwl/storybook @nrwl/workspace --force=true

帮助？这可能吗？

Answer 1

我想我已经明白了这一点：

ng update | awk -v re='@[[:alnum:]]' '$0 ~ re {printf $1 " "}' | xargs ng update --force=true && npm update

通过将第一次ng update运行的输出传输到 awk，我可以搜索类似于包名称的文本并输出以空格分隔的参数列表，然后将其作为 xargs 传输到第二个ng update命令中。

通过首先运行此命令和npm update之后运行此命令，我首先更新了迁移原理图的每个依赖项，然后再更新所有其余的依赖项。快乐的！