Angular CLI VSO持续集成

帕维尔

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

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

我尝试运行NPM命令(使用目录中的npm任务)来安装CLI;npm install -g angular-cli,之后我运行npm install。现在要运行“ ng build”,我尝试使用命令行工具运行(因为似乎没有允许我运行ng命令的工具),但是无法说ng不是公认的命令。

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

谢谢

卢卡·卡帕(Luca Cappa)

如果你希望你的生成定义在任何生成代理(托管一个人和任何前提剂)运行,你可以依靠本地安装的角CLINPM没有-g标志:

>npm install angular-cli

默认情况下,故宫将安装“NG”.\node_modules\.bin\

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

创建新项目并使用'ng'进行构建的定义示例

  • 在本地安装“ ng” cli工具:

npm安装参数

  • 创建项目“ helloworldproject”: 新项目

  • 构建项目“ helloworldproject”: 建设项目

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

要删除假设二进制文件已放置并且具有更灵活的构建定义的假设,可以使用以下命令以编程方式检索npm使用的实际二进制路径

>npm bin

下面的示例(这次是一个简短的PowerShell脚本)显示了如何创建“ helloworldproject”并在其后进行构建: Powershell脚本运行工具

记得:

  • 禁用PowerShell任务上的“标准错误失败”选项,因为ng工具喜欢在其中写入内容,即使成功也是如此。
  • 当然,在使用“ ng”工具之前,您仍然需要如上所示“ npm install”任务

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章