continuous-integration - Angular CLI VSO 持续集成

Question

过去我已经为使用 npm 命令的 Angular2 项目设置了 CI，但是我最近开始使用使用“ng”命令的 Angular-CLI。

当我尝试在 Visual Studio Online 中为我的项目设置 CI 时，我找不到执行“ng”命令的方法。

我尝试运行 NPM 命令(使用目录中的 npm 任务)来安装 CLI； npm install -g angular-cli，然后我运行 npm install。现在要运行“ng build”，我尝试使用命令行工具运行(因为似乎没有允许我运行 ng 命令的工具)，但是没有说明 ng 不是可识别的命令。

关于使用 VSO 为 Angular-CLI 项目设置 CI 的任何建议？

谢谢

Answer 1

如果您希望构建定义在任何构建代理(托管代理和任何内部部署代理)上运行，您可以依靠本地安装 angular-cli 和 npm， 没有 -g 标志:

>npm install angular-cli

默认情况下，npm 会在 .\node_modules\.bin\ 下安装 'ng'

您的构建定义可以使用 'npm install' 任务在本地安装“ng”，然后您可以通过 'Command Line' 任务调用它，因为您知道它的路径(例如 $(Build.SourcesDirectory)\node_modules\.bin )。

创建一个新项目并使用 'ng' 构建它的构建定义示例:

在本地安装 'ng' cli 工具:

创建项目“helloworldproject”:

构建项目“helloworldproject”:

==更新(通过“npm bin”以编程方式检索实际的二进制路径)==

要消除放置二进制文件的假设并具有更具弹性的构建定义，您可以使用以下命令以编程方式检索 npm 使用的实际二进制路径:

>npm bin

以下示例(这次是一个简短的 PowerShell 脚本)展示了如何创建“helloworldproject”并在此之后构建它:


记住:

禁用 PowerShell 任务上的“标准错误失败”选项，因为 ng 工具即使成功也喜欢在那里写东西。

当然，在使用“ng”工具之前，您仍然需要如上所示的“npm install”任务。