本文介绍了前端工程化的重要性，包括组件化、自动化和API Mock服务。通过vue/react+webpack+jenkins+verdaccio+yapi+nginx搭建小团队的工程化环境，所有服务在docker容器中运行。文章详细讲解了从0到1的搭建过程，涉及git、shell、centos、docker、jenkins、nginx等技术，提供了一份小手册供读者学习。
来用 vue / react + webpack + jenkins + verdaccio + yapi + nginx 搭建前端小团队的工程化服务吧
前端工程化大家多多少少都接触过一些
随便抓个小前端一问都知道：
“前端工程化？大家都知道啊，大概就这样”
为什么要工程化
在我的理解有这几点：
方便管理、专注开发、快速迭代等
我们先说上图右边
组件化：组件化开发
自动化：CI/CD，帮我们持续自动完成构建代码、测试、交付&部署、通知等
API Mock：提供API Mock服务，不需要在代码里面加入多余额外的测试数据
组件化开发需要搭建npm私有库，自动化功能需要我们搭建CI/CD服务，API Mock需要部署API Mock服务，我们把上面需要搭建部署的服务，暂时叫做工程化环境服务吧
工程化环境服务的搭建
我们将要搭建的小前端团队工程化环境服务就这样↓：
所有服务都部署在docker容器，一开始我们先逐个部署熟悉一下docker
最后我们会用docker-compose统一编排：快速部署、迁移备份等
最低0.47元/天 解锁文章
扫一扫
1237
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
