安装
npm init -y
npm i flow-bin -D
书写代码,为代码添加类型
var 变量 : 数据类型 = 数据;
- 通过注释的方式添加(不会改写JS代码,代码在添加完类型之后仍然可以正常运行)
- 通过直接给数据添加类型,改写JS代码,如果要正常运行,需要使用babel进行转码
使用flow进行类型检查
- 在package.json文件中,scripts属性中添加flow命令
- 需要为flow创建一个配置文件.flowconfig
npm run flow init
- 执行类型检查
npm run flow
使用babel对flow代码进行转码
如果给数据添加类型声明是通过第二种方式,直接修改的JS代码,那么代码是不能正常运行的。
我么需要通过babel对代码进行转码之后才能正常运行
- 安装babel以及presets
npm i babel-cli babel-preset-flow -D
- 配置package.json添加build命令调用babel
{
"scripts":{
"build":"babel ./src -d ./dist"
}
}
- 执行build命令对文件进行转换
npm run build