VSTS 构建 webpack/NPM 环境配置答案

【问题标题】：VSTS Build webpack/NPM environment configVSTS 构建 webpack/NPM 环境配置
【发布时间】：2018-03-21 14:12:10
【问题描述】：

我们正在使用 VSTS 来构建和发布我们的前端代码（JS + WebPack）

我们现在有 2 个独立的开发和测试版本。

构建任务：

获取来源
npm 安装
npm 构建开发
归档 dist 文件
复制发布工件：drop

（+发布管道）

在VSTS的“触发器”部分，可以监听多个分支。

当我们有单独的发布管道时，似乎没有必要进行如此相似的构建（？）。

唯一不同的是第 3 步（npm build dev 和 npm build test）

我的问题是：是否可以在构建时根据触发构建的源分支动态确定构建环境？并在步骤 3 中动态设置 arg？

【问题讨论】：

标签： node.js npm webpack azure-devops

【解决方案1】：

当然，您可以添加一个PowerShell任务来检查源分支（使用built-in variable，例如Build.SourceBranch），然后通过Logging Commands（例如Write-Host "##vso[task.setvariable variable=currentEnv;]Dev"）添加或修改变量。

之后，您可以在 npm 任务中使用该变量 (currentEnv)（例如，命令和参数：run $(currentEnv)）

【讨论】：

【解决方案2】：

谢谢 @starian :+1:

最终创建了一个分支选择器 shell 脚本 (.sh)

脚本

VSTS 构建任务

VSTS 触发器（默认开发）

【讨论】：