Vue2 中的 Flow 是如何被快速重构为 TypeScript

Vue2 中的 Flow 是如何被快速重构为 TypeScript,第1张

Carlos Rodrigues  把整个 Vue2 的代码库从原先的 flow 类型系统全部迁移到了 TypeScript,包括:

代码格式化风格更新。重构。构建相关的改动。代码库更新为 TypeScript 编写。 如何做的呢?

1. 首先把代码的类型全部改成 .ts,移除文件开头 flow 的标记,并且把类型的语法全部替换成 TypeScript:

2. 用 TS 的 import type 语法重构了类型导入,更有助于区分导入的内容:

3. 更新单测工具,以及 TS 的支持,利用 ts-loader 做编译:

4. RollUp 版本大升级:

5. 使用 @typescript-eslint/parser,继承的一些推荐预设也改为 @typescript-eslint/eslint-recommended:

6. CI 中原本 flow 的类型检测,也改成使用 tsc --noEmit 做 TS 的类型检查:

总结

巨型代码库迁移只花了短短几天时间,其实也体现出Vue 核心团队成员们夸张的战斗力以及在 TS 生态、构建以及测试相关方面的熟悉程度,这使得迁移到 TS 以后的 Vue 2 具有更强的代码可移植性。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1320241.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存