看源码之前,我们应该是从目录开始阅读,知道每个目录是干什么用的。 大家可以到 github 上下载源码,就可以看到和我一样的目录。
.circleci
.gihub
benchmarks
dist
examples
flow
packages
scripts
src
test
types
.babelrc.js
.editorconfig
.eslintignore
.eslintrc.js
.flowconfig
.gitignore
package.json
circleci
主要是用于自动部署的工具
gihub
主要是用 guthub 的一些配置
benchmarks
主要用于代码性能分析的工具
dist
打包之后的一些源代码
examples
关于源码的一些 API 应用例子
flow
Flow 能立刻检测代码变化,在开发 JS 时提供快速不断地反馈
packages
代码用的一些软件包
scripts
一些脚本,比如文件目录重定向,基础配置,版本生成等。
src
源代码存放目录
test
测试脚本存放目录
types
类型定义文件主要用于 ts
.babelrc.js
babel是用来进行转码的,在不支持es6的环境下,需要将es6的语法转码成es5的语法格式,就用到了babel
.editorconfig
官网是这么介绍EditorConfig的,“EditorConfig帮助开发人员在不同的编辑器和IDE之间定义和维护一致的编码样式。EditorConfig项目由用于定义编码样式的文件格式和一组文本编辑器插件组成,这些插件使编辑器能够读取文件格式并遵循定义的样式。EditorConfig文件易于阅读,并且与版本控制系统配合使用
.eslintignore
配置哪些文件忽略 eslint
.eslintrc.js
配置 eslint
.flowconfig
配置哪些文件,目录需要检测类型
.gitignore
配置哪些文件不用上传到 git 仓库
package.json
一些依赖,配置