设置角度cli生成构建tfs

Question

本地我的项目使用ng build --prod构建得很好，但如果我使用以下powershell脚本在tfs（团队基础服务器）上设置它，它会失败并出现一些错误。

ps脚本：

npm install
npm run ng build --prod

tfs构建输出：

• [1m [33m警告在./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader!./~/sass-loader!./src/scss/style .scss

• autoprefixer：D：\\ a \\ 1 \\ s \\ src \\ scss \\ style.scss：7468：3：将transition-property替换为transition，因为Autoprefixer不支持transition-property和其他transition- * @。/ src的任何情况/scss/style.scss 4：14-203 2017-04-30T07：17：51.9419669Z @ multi ./~/primeng/resources/themes/bootstrap/theme.css ./~/primeng/resources/primeng.min。 css ./~/font-awesome/css/font-awesome.css ./src/scss/style.scss[39m[22m

• [错误] 0％编译10％构建模块0/1模块1活动多D：\\ a \\ 1 \\ s \\ src \\ main.ts

• [错误]进程已完成，退出代码为0，并且已将3个错误写入错误流。

Answer 1

它现在有效，我删除了powershell脚本并在构建过程中添加了单独的任务。

• npm install（标准版）
• npm install -g @ angular / cli（命令行）
• ng build --prod（命令行）

根据评论更新：

您还可以使用：npm run ng build - --prod。 这样您就不必安装angular / cli。

Answer 2

我和标记的答案一样，但它让我觉得它总是在每次全局安装angular-cli。 所以我只是改变了这个：

node $(Build.SourcesDirectory)/node_modules/@angular/cli/bin/ng build --prod -op $(Build.BinariesDirectory) -v

现在，在npm安装所有deps之后，它也将安装cli，然后只使用那个。

Answer 3

使用以下配置添加npm任务（ Add Task >> Package >> npm ）