一、组件库的介绍： 使用组件有一致、效率、协同的特点。
二、组件库的使用
1、引入组件库 （1）引入 需要 react >= 16.8 （引入 arco：npm i @arco-design/web-react） 基础使用：
（制作一个按钮）
（2）按需加载：使用 babel 工具（使打包项目的体积减小）
法一：自动引入
i.安装按需加载插件 babel-plugin-import ： yarn add babel-plugin-import -D ii.修改 Babel 配置，引入插件：
法二：手动引入
2、主题定制：修改 less 变量（对于 less 变量：Less是一门css的预处理语言，less是一个css的增强版，通过less可以编写更少的代码实现更强大的样式。）
在 less 文件里面修改：
@import '@arco-design/web-react/dist/css/index.less'
在 webpack.config.js 中修改：
eg：使用arco pro
初始化流程：预装环境 npm i -g arco-cli ；项目初始化 arco init hello-arco-pro ；项目开发 cd hello-arco-pro '\n' yarn dev。
接下来通过arco插件引入主题：
3、亮暗主题切换：核心思路是控制暗色颜色变量的挂载位置，提高我们所需颜色的优先级（即使用哪个颜色的 DOM）
4、国际化语言（有不同语言需求）
（1）从全局配置上读取 local 语言文件
（2）直接通过 configProvider（可以全局配置组件默认属性，适应方式是通过 configprovider 的 componentConfig 属性，传入定义的配置文件，组件配置将会对 configprovider 组件所包裹的所有组件生效） 组件传入不同的语言修改 locale
ps：如果官方没有语言，可以下载语言库，自己动态调整。
（eg：）
4、自定义组件 （复习：自定义 hook 要以 use 开头 ） 通用组件业务库可以保障规范性、稳定性，提高业务开发效率
（1）组件架构设计分为单包架构和多包架构
i.单包架构：一个代码仓库所有组件打包成一个整体，发布一个 npm 包 （只有一个 package.json 包，在根目录）
缺点：修改一个组件要更新整个库，需要考虑按需加载
ii.多包架构：一个代码仓库包含多个组件代码，发布多个 npm 包（需要从多个 npm 中引入组件）
缺点：组件相互依赖时，要通过 npm 包引入，组合使用时需要安装每个用到的 npm 包（管理发布不方便）
（2）好的组件是高内聚、低耦合的，具有通用性、易拓展性 （内部有修改，对于用户无感知）
