如何批量调整导入语句的来源包，是否有可用的VSCode扩展？

方案1：VSCode 内置批量替换（无需额外扩展） #

这是最轻量化的方案，适合中小规模项目的导入调整：

• 打开 VSCode 全局搜索面板（快捷键 Ctrl+Shift+F / Cmd+Shift+F），切换到正则匹配模式（点击搜索框右侧的 .* 按钮）
• 搜索规则填写：import\s*\{\s*([^}]*?)Button\s*,?\s*([^}]*?)\}\s*from\s*["']reactstrap["']
• 替换规则填写：import { $1$2 } from "reactstrap"\nimport { Button } from "@components/button";
• 替换前先预览搜索结果，确认匹配的导入语句都符合预期后再批量执行即可。
  如果导入内的 Button 位置不同（比如在末尾、最开头），可以微调正则适配不同的写法，也可以分多次替换不同情况的导入，避免误改。

方案2：VSCode 专用扩展调整导入 #

如果需要更复杂的导入重构规则，可以用以下扩展实现：

• Import Cost 附带的重构功能：自带导入移动、拆分能力，右键点击对应导入的标识符，选择「移动导入到新包」，即可批量应用规则到所有匹配的文件
• TypeScript Import Sorter：不仅支持自定义导入排序规则，也支持配置导入映射，你可以在扩展设置里配置 Button 从 reactstrap 映射到 @components/button，运行批量整理导入即可自动拆分导入语句
• Move TS：针对TS/TSX项目做导入重构的专用扩展，支持批量调整标识符的导入来源，适合大规模项目的批量导入迁移场景。

方案3：基于代码解析的脚本方案（比jscodeshift更易上手） #

如果担心正则容易匹配错非导入语句的内容，可以用 ts-morph 库实现精准修改，它封装了TypeScript的AST能力，语法比jscodeshift更易懂，仅需几十行代码就能完成需求：

1. 遍历项目下所有ts/tsx/js/jsx文件
2. 识别所有从reactstrap导入的声明
3. 如果导入的命名成员包含Button，就移除原有导入里的Button字段，新增一条从@components/button导入Button的语句
4. 保存文件即可，工具会自动处理格式、多余逗号等问题，不会破坏原有代码结构。

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