在Angular 7中,你可以使用Angular CLI来将文件分离到不同的目录中。下面是一个示例解决方法:
ng new my-app
cd my-app
mkdir src/app/components
然后,将你的组件文件移动到刚创建的"components"文件夹中。例如,将"app.component.ts"文件移动到"src/app/components"文件夹中。
接下来,打开"src/app/app.module.ts"文件,并更新组件的引入路径。例如,如果你的组件文件名为"app.component.ts",则需要将原始路径./app.component
更新为新的路径./components/app.component
。
保存并关闭"app.module.ts"文件。
最后,重新启动开发服务器以查看更改。在终端中运行以下命令:
ng serve
现在,你的组件文件已成功分离到不同的目录中。
请注意,如果你有其他文件,如模块文件或服务文件,你可以按照相同的步骤将它们移动到不同的目录中,并更新它们的引入路径。