如何将TypeScript全局模块批量转为ES6导入/导出语法？

嘿，我刚好处理过类似的旧TypeScript项目迁移，针对你要把大量全局命名空间写法的TS代码批量转为ES6模块、适配Webpack的需求，给你推荐几个实用的工具和方法：

先再明确下你的转换需求：
旧代码（全局命名空间写法）：

// dataService.ts
module ProjectNs.Models {
  export class DataService {
    props1: string;
    constructor( private service: ProjectNs.Service.MyInjectService ) { }
  }
}

目标代码（ES6模块写法）：

// dataService.ts
export class DataService {
  props1: string;
  constructor( private service: ProjectNs.Service.MyInjectService ) { }
}

// main.ts
import {DataService} from './dataService';
class Main { }

推荐的批量转换工具 #

1. TypeScript编译器（tsc）+ 自定义脚本 #

TypeScript本身就支持模块语法，配合简单的批量替换脚本就能快速完成基础转换：

• 先修改tsconfig.json配置：设置"module": "ES6"、"moduleResolution": "Node"，开启"strict": true保证类型安全
• 写一个简单的Node.js脚本，用正则批量移除文件中的命名空间包裹代码，同时给内部的类/接口加上export关键字。比如用正则匹配module [\w.]+ {([\s\S]+)}，把捕获到的内部代码提取出来，给需要导出的成员加上export
• 最后用tsc编译，就能得到符合ES6模块规范的代码

2. jscodeshift（AST级别的代码重构） #

如果你的项目代码结构复杂，正则容易出错，jscodeshift是更可靠的选择：

• 它基于抽象语法树（AST）操作代码，不会破坏原有逻辑
• 你可以编写自定义转换脚本：遍历TS文件的AST，找到ModuleDeclaration节点，把内部的类、接口等节点添加ExportDeclaration标记，同时移除外层的命名空间包裹
• 这种方式能处理更复杂的场景，比如嵌套命名空间、命名空间内的多个导出成员等

3. 社区预制的Codemod脚本 #

社区里已经有现成的TypeScript命名空间转模块的codemod脚本，你可以直接拿来用：

• 找到对应的TS重构脚本仓库，把脚本下载下来，用jscodeshift批量运行在你的项目文件上
• 这类预制脚本通常已经处理了常见的边缘情况，比如跨文件的命名空间引用转模块导入，能节省你写自定义脚本的时间

额外技巧：处理跨文件命名空间引用 #

如果转换后遇到ProjectNs.Service.MyInjectService这类未解决的引用，你可以：

• 先用工具完成基础的命名空间转模块操作
• 然后用TypeScript的--noImplicitAny编译选项找出所有未解析的类型
• 再写个辅助脚本，把全局命名空间引用批量替换成对应的import语句，比如把ProjectNs.Service.MyInjectService替换成import { MyInjectService } from './services/myInjectService'（需要根据你的文件结构调整路径映射）

内容的提问来源于stack exchange，提问作者lulin