实战:打造团队的共享组件平台!

·  阅读 3186


我们都有这么个需求

我想无论大公司还是小公司,总有人会提到这么一个需求!无论我们使用的是什么技术,我们每天都会面临很多重复的代码的编写,而有的人也许想到的只有粘贴复制!


但是公司总有这样的声音:为什么我们不能够编写一个组件共享平台呢?这样我们如果遇到同样的需求,就可以直接复用他人写好的组件,比如echarts这类型的可视化库,而面临同样需求的时候很可能又需要去翻对应的文档,一个个去看配置项!所以是该实现自己的组件可视化平台了!


现有开发痛点

我们常常会在开发中遇到以下问题:

  1. 开发新组件成本高,需要创建代码仓库以及权限的管理

  2. 使用不方便,需引整个组件库,无在线可编辑 demo或者较少

  3. 组件/工具方法/模块共享率低,重复造轮子,信息不互通,跨组件库搜索困难

打造共享组件生态

如果可以打造一个围绕组件而不是项目协作的生态,就可以标准化并加速开发过程。比如每个开发者可以直接从自己的项目中将组件共享出来,并可以在某个共享组件的平台上发现满足自己需求的组件,甚至可以对其进行改造和优化再进行发布。当优质好用的组件越来越多,就会使大家更愿意使用和共享组件,形成一个良性循环的生态。


现有的成熟解决方案Bit

一个用JavaScript编写的代码组件管理器,Bit与Git和NPM配合使用,可以轻松地在项目之间共享和同步代码。


Bit可以轻松地在任何规模的项目和应用程序之间共享和管理组件。 它允许您通过0重构来隔离现有项目中的组件,具有完全自动化的依赖性定义/分辨率和可扩展的版本控制。 它允许您在项目中重复使用各个组件,它允许您扩展Git的工作流程,以便从任何消费项目开发组件,建议更新并轻松地同步代码库中的更改。

模块化软件可以提供更好的软件。


它的构建速度更快,更易于测试,维护更简单,协作更有趣。Bit将模块化转变为实用商品,将组件源代码管理和依赖管理结合在一起。它可以帮助团队更快地构建更好的软件。



Bit解决了哪些问题

  • 公共组件、代码片段便捷发布

  • 公共组件、代码片段便捷导入

  • 公共组件、代码片段版本控制

  • 公共组件、代码片段快速索引及选用(实时编译、实时预览)

  • 公共组件、代码片段自动测试执行

  • 公共组件、代码片段文档生成

  • 结合配置CI自动完成NPM发布

  • 标准化开发规范


Bit的工作流



Bit实战


1、全局安装bit



2、初始化Bit工作空间



3、设置监控组件目录



4、设置组件版本



4、组件发布

即发布到远程集合中,远程可以预览、托管、组织发布的组件,使得可以在其它项目和模块中快速发现和使用组件。


1. 在bit.dev中申请账户

2. 创建一个公共的或私有的集合,用以存储组件

3. 在项目中使用bit login登录,Bit会自动打开浏览器进行身份验证

4. 导出/发布组件:(其实官方文档很清楚了,使用很简单)



5、可以再远程看到发布的组件了


其他相关

Bit : https://github.com/teambit/bit

Kaola-Bit :zhuanlan.zhihu.com/p/97117690
网易团队结合CodeSandbox 打造的 Kaola-Bit



分类:
前端
标签:
分类:
前端
标签: