前端 使用 TypeScript 的 CheckJS 为你的陈旧 JavaScript 项目续命

🙋 Why CheckJS?

让 JavaScript 项目也能享受到 TS 的类型推导等诸多好处。* 和直迁 TypeScript 相比，大大降低成本和风险，例如：🚥 使用方法

安装依赖、追加配置

# 为你的项目安装 TypeScript

npm install typescript

# 可选的：类型定义文件，按照自己的项目需要酌情添加

npm install @types/react -D

根目录新建 tsconfig.json，复制以下内容，特别注意黄色加粗的内容：

{"compilerOptions": {"outDir": "./FAKE_DIR","target": "ESNext","module": "CommonJS","esModuleInterop": true,"allowJs": true,"checkJs": true,"strictNullChecks": true,"jsx": "react"},"include": [// 根据项目目录结构自行配置"./src/**/*"],"exclude": [// 根据项目特性按需添加]

}

编写类型定义

编写类型定义的时候最好有一定的约束，可以防止类型定义冲突、提高代码结构可读性，我个人推荐下面这些方案。

推荐阅读

 您阅读本篇文章共花了：