Angular 应用程序构建管道 - VSTS 中的持续集成

Question

实际上，我需要将我的 Angular 应用程序部署到 Azure 中。老实说，这是我第一次使用 Angular 应用程序进行部署。所以我选择的是带有 Grunt 模板的 Node。

步骤如下

steps:
- task: Npm@1
  displayName: 'npm install'
  inputs:
    workingDir: CrSPA/Clientapp
    verbose: false
steps:
- task: Npm@1
  displayName: 'Build Project'
  inputs:
    command: custom
    workingDir: CrSPA/Clientapp
    verbose: false
    customCommand: 'run build-prod'

运行 build-prod 表示 ng build --prod

我的问题是这是正确的方法。我问这个问题是因为当应用程序发生微小变化时，整个 npm 安装过程都会发生，并且需要很长时间才能完成。所以我不确定我遵循的方式是最好的方式。

最好在本地构建后推送吗？另外，是否可以将 node_modules 文件夹也推送到存储库中，所以我不能总是进行 npm install ？

Answer 1

您的方法很好，在文件进入存储库之前，您应该始终在管道上执行 npm i 和 ng build --prod 。

这是因为，当多个人在同一个应用程序上工作时，如果他们添加新的包，如果您不执行npm install，您的 pipline 构建将会失败。所以总是建议这样做

1. npm install
2. ng build --prod

您可以阅读更多相关内容 article