我学习 Element 源码的顺序是这样的:
- 首先先搞清楚它的项目结构
你只有搞清楚它的目录都是干嘛的了,才有利于代码层面的分析啊。
- 接下来就是粗略了解下
package.json
中每个构建命令 的作用
之所以看这个,是为了让我心中有个数
- 然后逐一的去分析每一个命令行中对应的文件
深入到代码中才能见真谛啊,明白他们怎么处理的对我来说是非常重要的,这在自己的项目当中也会有很高的借鉴意义的。
- 以上三步如果完成,才会进行下一步
- 拜读大佬们写的每个组件的代码,跟着造轮子
最后一步是一个很漫长的过程,可能一年,也可能两年,但是既然开始,就要勇敢的走下去,坚持总会有收获的!
- ES6+
- node & npm & package.json
- Rollup
- Webpack
- Scss
- Vue
- Typescript
- 本次源码学习参考的是 Element 的
dev
分支 - 文章中的代码大部分都用注释标注了,方便以后复习