将 Angular cli 与现有项目一起使用答案

【问题标题】：Use Angular cli with existing project将 Angular cli 与现有项目一起使用
【发布时间】：2017-10-25 07:27:21
【问题描述】：

我有一个现有的项目，我想使用 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/...

如何删除app文件夹，我真正需要的是：

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

【问题讨论】：

标签： javascript angular angular-cli

【解决方案1】：

首先你必须遵循 CLI 项目结构，所以只需运行 ng new my-app 并确保你的项目中有匹配的结构，一旦完成，将 @987654324 中的 "root": "src/mc2/components" 更改为 "root": "src" @

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

ng g c something - 在src/app/something 中创建something 组件
ng g c /components/something - 在 src/app/components/something 中创建 something 组件

您也可以使用--flat 标志来创建没有专用文件夹的组件
您可以添加--dry-run 只是为了看看该命令会做什么

【讨论】：

【解决方案2】：

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

【讨论】：

没看懂，结构中的前缀是什么意思？