如何批量修改项目文件将静态import语句替换为懒加载导入写法

VS Code 全局搜索替换（最适合前端开发场景） #

• 打开你要修改的项目根目录，按下快捷键 Ctrl+Shift+F（Windows/Linux）或者 Cmd+Shift+F（macOS）唤起全局搜索
• 点击搜索框右侧的「.*」按钮开启正则匹配模式
• 搜索框输入正则：import\s+(\w+)\s+from\s+('.*?')
• 替换框输入：const $1 = () => import($2)
• 点击「全部替换」按钮即可批量修改所有匹配的导入语句，修改前建议先预览匹配结果，避免误改。

命令行批量处理（适合无GUI的服务器/自动化脚本场景） #

Linux 环境（GNU sed） #

• 进入项目根目录后执行以下命令，可批量修改所有.js/.ts/.jsx/.tsx文件：

find . -type f \( -name "*.js" -o -name "*.ts" -o -name "*.jsx" -o -name "*.tsx" \) | xargs sed -i "s/import\s\+\(\w\+\)\s\+from\s\+\('.*?'\)/const \1 = () => import(\2)/g"

macOS 环境（BSD sed） #

• 因为macOS自带的sed语法略有不同，执行以下命令即可：

find . -type f \( -name "*.js" -o -name "*.ts" -o -name "*.jsx" -o -name "*.tsx" \) | xargs sed -i '' "s/import\s\+\(\w\+\)\s\+from\s\+\('.*?'\)/const \1 = () => import(\2)/g"

注意：如果你的导入语句有别名、多行写法、同时导入多个导出等特殊情况，建议先备份项目代码或者提交git暂存之后再执行批量替换，避免出现异常丢失代码。

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