在前端工作也快5年了，断断续续写过几次博客，总是坚持不下，年前刚刚加入一家创业公司，正好有机会将自己的在前端工程化的一些想法在这里实践一下。
想通过博客的形式记录一下过程，也可以让其他朋友给其他朋友做出一些参考。

组件库搭建背景

在熟悉公式原有的项目时候，发现几个问题：

  • 项目的组件库很多都是重复
  • 部分组件相当又肿（最多的一个文件里面有3000多行代码）
  • 基础组件和业务组件没有区分，甚至有的组件里都带有某个页面业务判断
  • 基本没有什么可读性，使用成本非常高
    …

基于以上问题，我提出搭建基础组件库的想法，也得到领导的认可，便着手开始规划搭建一个公司自己的组件库

搭建组件库需求分析

我在搭建组件库先做了一些分析：

  • 只能在内网使用：因为公司对代码安全要求比较高
  • 能有预览和文档说明功能，因为很多重复组件出现，主要是因为要么没找到对应组件或者找到了不知道如何使用
  • 方便升级以及其他项目使用：因为目前我们组件都还在项目内部
  • 组件稳定性要强

针对以上几个问题，我的方案是：

  • 搭建私有NPM库，解决内部使用以及多项目引用和统一升级
  • 使用storybook来解决：开发和展示组件以及文档的说明。
  • 使用typescript和单元测提高代码稳定性