VSTS构建webpack / NPM环境配置

Question

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

我们现在有两个独立的Dev和Test版本。

构建任务：

1. 获取消息来源
2. npm install
3. npm build dev
4. 存档dist文件
5. 复制发布工件：drop

（+发布管道）

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

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

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

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

Answer 1

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

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

Answer 2

谢谢 @starian：+1：

结束创建分支选择器shell脚本（.sh）

脚本

VSTS构建任务

VSTS触发器（默认开发）