使用Git或GitLab进行持续集成部署Angular应用程序

Question

我希望您能将使用Bitbucket上的Angular 5应用程序进行持续集成部署到Apache服务器的方法翻译成中文。

由于我是新手，对实现这一目标可能的选项不太了解。如是否需要在Jenkins中集成webpack，或者需要在Jenkins上编写其他代码，或者是否可以在没有Jenkins的情况下完成，并且是否需要与Sonar一起集成。

有些页面没有提及webpack，而有些页面则表示您只需在Jenkins中编写webpack脚本即可。

如果有任何经验可以分享的人，请帮忙解答。

- Akshay Vijay Jain

Answer 1

如果你使用angular cli来构建应用程序，那么通过jenkins/teamcity来实现相同的功能就变得非常简单了。

在jenkins上安装node js - https://wiki.jenkins.io/display/JENKINS/NodeJS+Plugin 此外，你可以参考这篇博客 - https://blog.couchbase.com/create-continuous-deployment-pipeline-nodejs-jenkins/

对于angular 2/4/5特别说明 - 你只需要通过shell脚本传递angular CLI命令，并将生成的构建推送到目标服务器。

类似于 - ng build 同时，你还可以使用以下标志 1. '--prod' - 由于它在使用tree shaking时消除了死代码，所以大大减小了构建大小 2. '--build-optimizer' - 它进行进一步的代码优化，例如删除修饰器等（适用于angular 5，CLI 1.5）

命令看起来像这样 - ng build --prod --build-optimizer

如果您想深入了解，可以阅读维基 - https://github.com/angular/angular-cli/wiki/build

- Siddhartha Gupta

Answer 2

使用无服务器框架和AWS S3存储的组合，更容易部署您的Angular应用程序，无需过多担心Webpack。 一个命令就可以搞定一切。 npm run build: serverless : deploy 更多信息：https://serverless.com/framework/docs/providers/aws/guide/deploying/ 这些命令可以添加到任何CD工具中。

- pola