本文是 Element 的组件源码学习系列。
项目源码:ElemeFE/element | GitHub,Tag:v2.13.0
一般我们在看一个项目,首先要看的是这个项目的目录结构和 package.json
。
项目结构中:
.github
存放的是如何提 PR、Issus、贡献代码的流程build
里面放的是打包构建的脚本examples
里面放的是组件示例packages
里面是组件源码src
放的是入口文件,还有一些其他辅助文件test
里面是单测文件types
是类型定义文件components.json
配置文件里面列出了组件目录,以及对应源码的位置,应该是给 webpack 打包的时候使用的
入口文件
来看一下入口文件 src/index.js
吧。
1 | import Pagination from '../packages/pagination/index.js'; |
前面定义的是 Element 的 install 方法。因为 Element 是基于 Vue 的组件库,所以在调用 install 方法的时候,要判断 Vue 对象已经被挂载到了 window
上:
1 | /* istanbul ignore if */ |