立即更新所有过时的 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

，我首先更新了迁移原理图的每个依赖项，然后再更新了其余的所有依赖项。快乐的！ 🙂

Answer 2

免责声明：运行此命令之前，请先备份整个项目。

ng update @angular/cli @angular/core --force --allow-dirty

Answer 3

尝试这个命令 ng 更新 --legacy-peer-deps

Answer 4

试试这个：

npm update --save-dev