首页 > 解决方案 > 如何为 Angular 7 应用程序创建 TFS 2017 CI/CD 管道

问题描述

是否可以使用本地安装的 TFS 2017 为 Angular 7 应用程序创建 CI/CD 管道?

我已经使用 npm 模板在基于云的 VSTS 和 DevOps 上完成了这项工作,但这些构建任务似乎在 TFS 2017 上不可用。

我正在考虑创建一个强大的 shell 脚本并将其作为构建任务运行,但我已经阅读了这种方法的问题,例如每次构建时都必须安装 Angular CLI,以及构建服务器上的安装位置问题。

我无法升级构建服务器以使用 DevOps,但我可以安装 nodejs 和其他可能需要的东西。

我想要做的是在检查时构建角度代码,运行单元测试并在一切成功时部署到另一台服务器。

标签: angularcontinuous-integrationcontinuous-deployment

解决方案


您可以在此处查看此详细教程——Angular 7 with Azure DevOps Build Pipeline

即使它使用 YAML,如果您在 TFS/Azure DevOps Server 中使用可视化 UI,它应该是相同的结果。

它只是使用 npm 命令来运行构建,有点npm run pro-build-dev.

如果你的 TFS2017 服务器中没有这样的 npm 任务,你可以尝试从开源 GitHub Reop --azure-pipelines-tasks下载它。或者通过参考源代码构建您自己的任务以涉及 npm 命令行。

对于构建代理环境,您只需要确保它与您的本地环境相同。如果您可以在本地开发机器中构建 Angular 7 应用程序。您还应该能够在构建代理上没有任何环境问题的情况下构建它。


推荐阅读