开始本篇文章前,我们先来思考几个问题:
平时自己创建新项目的流程是怎么样的?团队为了落地规范化(git提交规范、代码规范、文档规范等),做了哪些事情?我想大部分同学肯定都是这样回答的:现在社区都有开箱即用的脚手架,像vue-cli、create-react-app这种,我们直接用脚手架来创建项目就可以了啊。
上面这种方式也是我所在的团队最开始的基操,但是随着团队成员的快速增加和业务的飞速迭代,有很多问题逐渐暴露出来:
大部分业务场景是相似的,那么对于基础框架结构的诉求(这里包括工具类、接口封装、环境变量配置、eslint配置、git-hook等)都是一样的。如果每次大家都从零开始,那么只会徒增很多毫无意义的重复性工作。
这里你可能会说:那我们简单的复制粘贴就可以了啊~
那你有没有感觉这种方式不太优雅呢?暂且不去评估这种方式的优缺点,如果后续基础框架结构发生调整,那么你是不是要继续坚持cv大法呢?
上面说了这么多,其实就是两个重点:
效率复用性我们团队内部也是发现了上述问题,结合自己的具体业务场景,自研了一套cli,主要也是基于VueCli打造而来,功能包含:
支持基于Vue和React的不同模板统一的项目目录结构丰富的工具类库初始化配置文件预定义的共用组件丰富的命令行提示这里关于Vue-Cli的具体操作我就不演示了,直接进入正题。
需要做哪些准备其实,也就是来看下主要借助了哪些第三方库的能力: