在现有项目中使用Angular CLI

Question

我有一个现有项目，并且想使用angular cli生成器，因此在安装并创建以下.angular-cli文件后：

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "app"
  },
  "apps": [
    {
      "root": "src/mc2/components",
      "prefix": "app"
    }
  ],
  "defaults": {
    "styleExt": "css",
    "component": { }
  }
}

问题是当我生成在内部创建的新组件时：

/src/mc2/components/app/todos/...

如何删除应用程序文件夹，我真正需要的是：

/src/mc2/components/todos/...

Answer 1

首先，您必须遵循CLI项目结构，因此只需运行ng new my-app ，并确保您的项目中具有匹配的结构，完成后就更改您的"root": "src/mc2/components"到.angular-cli.json "root": "src"

如果您位于项目文件夹的根目录中，则规则为

• ng gc something在src/app/something创建something组件
• ng gc /components/something在src/app/components/something创建something组件

您也可以使用--flat标志来创建没有专用文件夹的组件
您可以添加--dry-run来查看命令要执行的操作

Answer 2

对不起，看来我误导了你。 由于使用了angular-cli样式指南，因此总会ng g component something将生成的组件放置在app文件夹中。 除了手动更改外，没有找到其他更改方法。 但是，当您生成一个新文件时，它只会生成一个新的应用程序文件夹。 因此，现在我还不认为他们有办法做到这一点。