课程介绍
本次课程主要介绍了如何更好的使用组件库，了解组件库的一些常用能力底层如何设计实现，以及在进行业务组件库搭建时，需要注意哪些技术点，最后结合组件开发实例演示如何设计一个通用组件，并进行快速托管。
课程重点
- 组件库介绍
- 什么是组件 软件组件：封装好的可复用的程序“零部件”
- 以arco.design为例
- 组件库的使用
组件库快速上手
暗黑模式
如何实现
若局部暗色
核心思路：本质上是控制暗色颜色变量的挂载位置，调高我们所需要的颜色变量的优先级
主题定制
内部设定了颜色算法，在这里改就能修改定制
国际化（语言国际化，视图国际化）
全局配置组件默认行为
常见业务问题
-
自定义组件
- 业务组件库基础搭建
- 业务组件开发 good vs bad
- 示例实践
- 快速托管
问题：如何打包组件库？
产物应该是什么格式？
如何在项目里使用？
怎么本地开发预览、
怎么保障质量？
怎么展示demo？
架构设计
根据实际业务选择
单包架构
一个代码仓库里所有组件打包成一个整体，发布出去一个npm包
优点
- 公共代码易复用
- 展示更聚合，便于维护
- 引入一个包即可以使用全部组件
缺点
- 修改一个组件需要更新整个库
- 需要考虑按需加载
多包架构
一个代码仓库包含多个组件代码，会发布出去多个npm包
优点
- 单独发包，升级灵活
- 在同一个仓库下，便于代码管理
- 使用者无需考虑按需加载
缺点
- 组件间相互依赖时，需要通过npm包引入
- 组合使用时，需要安装每一个用到的npm包
