代码重构：WebStorm中更新import导入路径的最高效方法是什么？

方法1：重构移动法（最省心，无错误率） #

如果你的拆分操作还可以撤销，优先用这个方案：

• 撤销之前手动拆分interface的操作，恢复所有interface放在同一文件的状态
• 选中你要拆分到独立文件的interface，右键点击选择「重构 → 移动」（快捷键F6）
• 在弹出的窗口中选择要存放该interface的目标独立文件，勾选搜索引用并更新选项，确认操作
• WebStorm会自动把interface移动到新文件，同时批量更新所有引用该interface的导入路径，不需要手动修改任何导入语句

方法2：结构搜索替换法（适合已完成拆分的场景） #

如果你已经完成了拆分，不想回退操作，用全局结构替换批量修正：

• 按下Ctrl+Shift+R（Mac系统为Cmd+Shift+R）打开全局替换面板
• 点击面板右上角的「结构搜索/替换」开关，进入结构替换模式
• 搜索模板填写：import { $INTERFACE$ } from '你的旧公共interface文件路径'
• 替换模板填写：import { $INTERFACE$ } from '该interface对应的新独立文件路径'
• 筛选文件类型为.ts/.tsx，预览所有匹配结果确认无误后，一键完成全部导入路径的替换

方法3：配置路径别名降低后续维护成本 #

后续可以通过别名配置避免类似的批量修改问题：

• 在项目的tsconfig.json中添加路径别名配置，示例：

{
  "compilerOptions": {
    "paths": {
      "@/interfaces/*": ["src/types/interfaces/*"]
    }
  }
}

• 配置完成后WebStorm会自动识别别名，后续自动导入interface时会优先使用别名路径，之后再调整interface的存放目录，只需要修改tsconfig.json里的别名映射即可，不需要批量修改业务代码的导入语句

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