前端开发中的自动化编译与部署

转载自：https://www.cnblogs.com/jesse131/p/9405254.html

 

如今的前端开发早已不用之前的刀耕火种的方式写代码了，项目开始时会考虑各种前端框架react vue angular等，然后就是用webpack搭建项目开发架构。开发完后我们会将webpack编译后的文件通过svn发到服务器上，但是这样很容易存在文件漏发，且多人参与发开易冲突等。经过多次开发实践，目前我们的项目采用jenkins+gitlab实现自动化编译与部署，这样简化了项目部署等问题，极大的减少了因代码发布而引起的bug数量。

 

自动化编译部署介绍

通过搭建gitlab服务器（如Gogs）从而在gitlab上管理项目代码，在gitlab上分别建立master,release/test分支，每次开发前需要从master分支上拉取新的开发分支feature（也会就在Master上开发），开发完后提交开发分支并将其合并到测试分支release/test上，合并操作通过webhook触发jenkins上已写好的webpack编译脚本，从而达到自动编译并部署到测试环境。测试完成后在发布到线上环境时，我们先从master分支上拉取新的发布分支release/prod,将开发分支feature合并到发布分支release/prod上，合并操作同发布测试一样会触发自动编译与部署。