angular - 一次更新所有过时的 Angular 包

Question

我以前用过 ng update --all ，因为我想将每个包更新到最新版本，包括那些没有附上原理图的依赖项。--all选项现已弃用，将不再起作用。唯一的选择是指定要更新的每个包，我觉得这很乏味。有没有办法从 ng update grep 过时的包输出到单行空格分隔的变量中，然后可以将其输入到新的 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之后，我首先更新了迁移原理图的每个依赖项，然后更新了所有其他依赖项。快乐的! 🙂