微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

从命令行重组大型 TypeScript 项目

如何解决从命令行重组大型 TypeScript 项目

我有一个中/大型 TypeScript 项目(约 500 个源文件),我想进行大规模重组,更改目录结构并移动所有模块。

在 VS Code 中移动单个文件并更新所有导入很容易:

Moving a file to a subdirectory and updating imports in VS Code

此重构是使用 TypeScript Language Service 实现的。使用拖放进行移动和更新对于少量文件很有效,但对于大规模重组,我宁愿写出某种脚本:

old/path/to/file.ts --> new/path/newfile.ts
old/path/to/olddir --> new/path/to/newdir

是否可以通过这种方式与 VS Code 或 TypeScript 语言服务交互?是否有其他 TypeScript 或 JavaScript codemod 工具可以帮助解决这个问题?

解决方法

事实证明,使用 ts-morph's SourceFile.move method 非常简单:

const project = new Project({ tsConfigFilePath });
const sourceFile = project.getSourceFileOrThrow('/path/to/file.ts');
sourceFile.move('newFileName.ts');
// or:
// sourceFile.moveToDirectory('/some/dir');

我整理了一个名为 ts-mover 的小工具来大致使用问题中描述的移动格式列表(第一行是 tsconfig.json 的路径):

$ cat moves.txt
path/to/tsconfig.json
src/oldname.ts --> src/newname.ts
src/file.ts --> src/newmodule/file.ts
src/file2.ts --> src/newmodule/

$ npx ts-mover moves.txt
Moving src/oldname.ts --> src/newname.ts
  (Be patient,the first move takes the longest.)
  elapsed: 455 ms
Moving src/file.ts --> src/newmodule/file.ts
Moving src/file2.ts --> src/newmodule/file2.ts
Saving changes to disk...

它比我想要的要慢一点,特别是对于大型项目,但它绝对胜过在 VS Code 中拖放数百个文件!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。