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

时间:2017-10-25 07:27:21

标签: javascript angular angular-cli

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

2 个答案:

答案 0 :(得分:1)

您必须遵循CLI项目结构的所有内容,因此只需运行ng new my-app并确保项目中具有匹配的结构,一旦完成,请将"root": "src/mc2/components"更改为{{ 1}}在"root": "src"

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

  • .angular-cli.json - 在ng g c something
  • 中创建something组件
  • src/app/something - 在ng g c /components/something
  • 中创建something组件

此外,您可以使用src/app/components/something标志创建没有专用文件夹的组件 您可以添加--flat只是为了查看该命令将要执行的操作

答案 1 :(得分:0)

对不起,好像我误导了你。由于angular-cli样式指南,{{1}}始终将生成的组件放在app文件夹中。除了手动这样做之外,没有找到改变这种方法的方法。但是当您生成新文件时,它只会生成一个新的应用程序文件夹。所以现在我不认为他们已经想办法做到这一点。