实战篇

[TOC]

一、渐进式迁移策略

1.1 共存策略

1.1.1 含义

原Js代码不动，新增代码都用Ts编写。

1.1.2 步骤

1. 添加ts(x)文件
2. 安装ts
3. 选择构建工具
   • 保留 Babel
     1. 安装 @babel/preset-typescript
     2. 修改 Webpack配置
     3. 添加 tsc --watch模式
   • 放弃 Babel
     1. 安装 ts-loader
     2. 修改 Webpack配置
4. 检查Js
   • allowJs: true
   • checkJs: true
5. 处理Js报错
   • // @ts-nocheck
   • JSDoc注释

1.2 宽松策略

1.2.1 含义

将所有的js(x)文件重命名为ts(x)文件，在不修改代码的基础上，使用最宽松的类型检查规则。

1.2.2 步骤

1. 重命名文件（shelljs)
2. 修改Webpack入口
3. strict: false

1.3 严格策略

1.3.1 含义

并启用最严格的检查类型规则，处理剩余报错。

1.3.2 步骤

1. strict: true
2. 处理报错