如何使用Angular-Cli在/ src / app中的文件夹中创建组件

Question

我希望能够在/ src / app / ...外部的文件夹中创建组件或模块或服务。

所以我尝试使用ng g c ../mco/lib但它失败了。

我希望能够使用CLI在app。

外部的文件夹中创建一个组件

我怎样才能实现这一目标？

修改

你可以改变AngularCli的appRoot，所以在angular-cli.json中，我已经添加了＆＃34; apps＆＃34;数组，属性＆＃34; appRoot＆＃34;：＆＃34; mco＆＃34;

Answer 1

对于那些发现appRoot无法处理@angular/cli的人.6。以下是解决方法：

{
"projects": {
"my-project": {
  "root": "/path/to/project",
  "projectType": "application",
  "schematics": {
      "@schematics/angular:component": {
        "path": "/path/to/project"
      },
      "@schematics/angular:directive": {
        "path": "/path/to/project"
      },
      "@schematics/angular:module": {
        "path": "/path/to/project"
      },
      "@schematics/angular:service":{
        "path": "/path/to/project"
      },
      "@schematics/angular:pipe": {
        "path": "/path/to/project"
      },
      "@schematics/angular:class": {
        "path": "/path/to/project"
      }
  }
}
}

现在你可以运行

了

ng g component hello-world --project=my-project --dry-run

检查hello-world是否输出到/path/to/project/hello-world。

Answer 2

更改AngularCli的appRoot。

所以在angular-cli.json

  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "tr",
      "appRoot": "mco"
    }
  ],

Answer 3

我不确定Angular CLI中是否存在此功能。假设您在src/app目录中，您可以在默认位置创建组件，然后将其移动到所需的位置，如下所示：

ng g c my-component; mv my-component /Users/username/desiredlocation/