Angular-CLI构建(NG构建)在团队中



我希望有人已经这样做。我正在尝试为我的Angular 2项目建立一个连续的团队构建。完成了一些研究之后,我遵循了以下步骤:

  1. 构建步骤1:为团队安装了Jonnyzzz.Node插件。(现在我可以从Runner类型中选择Node.js NPM)
    NPM命令:我添加了install command
  2. 构建步骤2:另一个node.js npm和npm命令:install -g angular -cli
    到目前为止很好
  3. 现在,我想成为第三步,我真的没有办法做到这一点。

任何帮助将不胜感激。

谢谢。

而不是更改软件包。

run build

构建它不是npm的默认命令

"scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
},

请参阅图像

为了从Team City的Nodejs插件中获取NG构建工作,我已经修改了package.json文件。开始,用" ng build"替换值。NPM构建命令从Team City中触发NG构建命令。

首先从构建代理开始,您可以在其中编辑buildagent.properties文件并定义3个环境变量。您应该在此处或以后在构建定义中使用周围的单引号:

env.exec.node='C:\Program Files\nodejs\node.exe'
env.exec.npm='C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js'
env.exec.ng='%env.APPDATA%\npm\node_modules\@angular\cli\bin\ng'

此处使用%env.APPDATA%,但可以在程序文件上安装一些设置,在大多数情况下,AppData将是要捕获的。

接下来,您可以为项目定义构建步骤。创建类型PowerShell的这些新构建步骤,并将脚本设置为源代码。在脚本源内您现在可以输入:

安装Angular Cli

& %env.exec.node% %env.exec.npm% install -g @angular/cli

安装node_modules文件夹

& %env.exec.node% %env.exec.npm% install

构建和发布解决方案

& %env.exec.node% %env.exec.ng% build --environment '%env.build.environment%' --scripts-prepend-node-path

此步骤生产构建将创建您的DIST文件夹,您可以将其包含在工件路径中,因此,如果您想创建单独的部署类型构建配置

,则可以访问它。

在这里考虑一些考虑因素:

  • 您可以定义您内部的变量可以在构建剂上使用不同的路径,这将刹车您的构建
  • 确保您有适当的清理规则,因为node_modules文件夹可以变得很快

希望它对某人有帮助!

最新更新