如何使用 Yarn 而不是 Npm 发布我的 Visual Studio Angular 项目？答案

【问题标题】：How do I publish my Visual Studio Angular project using Yarn instead of Npm?如何使用 Yarn 而不是 Npm 发布我的 Visual Studio Angular 项目？
【发布时间】：2019-11-14 19:39:14
【问题描述】：

我有一个 Visual Studio Angular 项目，我正在尝试通过 Azure DevOps Pipelines 进行部署，我希望使用 Yarn 而不是 Npm 构建 ClientApp 文件夹中的 Angular 代码。

我在发布我的 Web 项目的管道中有一个 .Net Core 任务，并且还尝试使用 Npm 在 ClientApp 文件夹中构建 Angular 代码，但失败了。

我需要以某种方式更改 Visual Studio 项目的发布步骤，以便它使用 Yarn，或者我需要完全禁用/阻止发布步骤构建我的 Angular 代码，以便我可以使用单独的 Yarn 步骤在 ClientApp 文件夹中构建 Angular 代码的管道独立于服务器端代码。我该怎么做？

【问题讨论】：

在.csprog配置运行npm run build?
@ShaykiAbramczyk，是的，你是对的。这就是我最终改变的。

标签： angular visual-studio visual-studio-2017 azure-devops azure-pipelines

【解决方案1】：

我想通了。我需要编辑我的项目文件并将 npm 的条目更改为使用 yarn。就这么简单

<Exec WorkingDirectory="$(SpaRoot)" Command="yarn install" />
<Exec WorkingDirectory="$(SpaRoot)" Command="yarn build-prod" />

“build-prod”是我在 package.json 的 scripts 部分中定义的条目

【讨论】：