Angular 2 CLI如何在现有目录结构内插入组件并下移其他组件？

首先直接给结论：目前Angular CLI确实没有内置命令可以直接将现有子组件“嵌套”到新创建的上级层级（也就是把child1/child2放到新的i_am_OLD_here目录下），但我们有几个能大幅减少手动工作量的技巧，不用挨个修改导入路径：

方法1：使用Angular CLI的ng move命令（Angular 17+） #

如果你的项目用的是Angular 17或更高版本，CLI新增的move命令可以帮你自动处理组件移动和引用更新，这是最省心的方式：

1. 先在parent目录下创建新的上级组件：

   ng g component parent/i_am_OLD_here
   

2. 用ng move命令将现有子组件迁移到新层级，CLI会自动更新所有相关的导入语句、模块声明、路由配置等：

   ng move app/parent/child1 app/parent/i_am_OLD_here/child1
   ng move app/parent/child2 app/parent/i_am_OLD_here/child2
   

3. 最后创建新分支的子组件，直接指定完整路径即可：

   ng g component parent/i_am_NEW_here/child3
   ng g component parent/i_am_NEW_here/child4
   

方法2：批量替换导入路径（旧版CLI适用） #

如果你的Angular版本低于17，没法用ng move，可以借助IDE的全局搜索替换功能批量修改导入：

• 打开VS Code（或其他支持正则替换的IDE），按Ctrl+Shift+F打开全局搜索
• 搜索正则表达式：from 'app/parent/child(\\d+)'
• 替换为：from 'app/parent/i_am_OLD_here/child$1'
• 替换完成后，手动将child1和child2文件夹移动到i_am_OLD_here目录下
• 最后检查模块文件（比如parent.module.ts）和路由配置，确保组件声明、路由路径都对应更新

方法3：提前用特性模块规划（预防未来调整） #

虽然你提到无法预知需求变化，但如果后续还有层级调整的可能，建议把相关组件封装到特性模块中。比如创建i-am-old-here.module.ts和i-am-new-here.module.ts，后续调整层级时只需要移动模块文件，并修改少量模块导入路径，比单独移动组件更高效。

注意事项 #

• 操作前务必备份代码或提交到Git，避免出现不可逆的错误
• 完成迁移后运行ng build或ng serve，检查是否有遗漏的引用错误（比如模板中通过路径引用的静态资源，可能需要手动调整路径）

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