angular - 使用 git 或 gitLab 的持续集成部署 Angular 应用程序

标签 angular apache webpack continuous-integration jenkins-pipeline

我希望在 Apache 服务器上通过 bitbucket 的持续集成部署 Angular 5 应用程序

现在因为我是这个领域的新手,所以我不知道执行此操作的可能选项

比如我们是否需要将 webpack 与 Jenkins 集成,或者我们是否需要在 Jenkins 上编写一些其他代码,或者我们可以在没有 Jenkins 的情况下完成,我们是否需要将它与 Sonar 集成

有些页面没有给出任何关于 webpack 的线索,而有些则说你只需要在 Jenkins 中编写 webpack 脚本

哪位有这方面的经验,请赐教

最佳答案

如果您使用 Angular CLI 来构建应用程序,那么通过 jenkins/teamcity 执行同样的操作非常简单。

在 jenkins 上安装节点 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

要更深入,您可以阅读 wiki - https://github.com/angular/angular-cli/wiki/build

关于angular - 使用 git 或 gitLab 的持续集成部署 Angular 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47315228/

相关文章:

angular - 如何在 Angular 2 中重新触发所有组件树上的所有纯管道

apache - 如何在 ubuntu 13.10 中创建虚拟主机

java - 将 VM 参数传递给 Apache Tomcat

java - 使用 Java、Apache POI 写入单词表单元格?

css - 如何调试Webpack打包的CSS?

angular - 将列表分配给订阅方法内的下拉列表

angular - Angular 类的文件类型命名约定

angular - 如何消除对 Angular 输入的关注?

javascript - 为什么最小化source时没有生成sourcemap?

node.js - 如何在 webpack 中同时使用 ES6 加载器和 brfs 转换?