代码之家  ›  专栏  ›  技术社区  ›  kentor

向现有项目添加角度应用程序

  •  8
  • kentor  · 技术社区  · 7 年前

    我有一个现有的项目,我想使用Angular CLI添加Angular应用程序。

    目前项目结构如下所示:

    • node\u模块
    • src公司
      • 客户
      • 服务器
      • 共享的
    • .角度cli。json
    • 包裹json

    客户端和共享文件夹仍然是空的,我想在客户端文件夹中安装我的angular应用程序,但我仍然只想维护一个包。整个项目的json。这就是我尝试添加angular cli的原因。包含以下内容的json:

    {
      "project": {
        "name": "projectname"
      },
      "apps": [
        {
          "root": "./src/client",
          "outDir": "./dist/browser"
        }
      ]
    }
    

    问题是:

    现在将Angular应用程序(添加到/src/client)添加到我的项目中的最佳方法是什么?我不能简单地跑 ng new 因为现有的包。json,可能也不会在/src/client文件夹中生成应用程序。

    4 回复  |  直到 7 年前
        1
  •  8
  •   Community CDub    4 年前

    使用ng new仍然是实现这一点的最简单方法。

    1. 使用创建角度项目 ng新

    2. 将src文件夹中的所有内容移动到src/client

    3. 在angular cli中调整根属性。json(或angular.json)到 src/客户 ,如果您关心linting,请调整linting属性。

    4. 设置 扩展 中的属性 t配置。应用程序。json t配置。规范json “扩展”:“../../tsconfig.json”

    5. 测试服务、构建、测试和linting命令。他们应该工作得很好。

    6. 从服务器文件夹复制内容,并将其依赖项添加到包中。json

        2
  •  5
  •   magikMaker    5 年前

    @Austin752的答案似乎已经过时了。根据文档,将angular应用程序添加到现有项目的命令是(angular CLI版本8.3.23):

    $ ng generate application <name> [options]
    

    $ ng g application <name> [options]
    

    请参见: https://angular.io/cli/generate#application-command

    这将在中添加新应用程序 projects 工作区根目录中的文件夹

        3
  •  2
  •   Daniel Hernández Alcojor Sahil Popli    5 年前

    至少在Angular的最新版本中,有一个参数--directory。

    现在你就跑吧

    ng new <app-name> --directory <dir-name>
    
        4
  •  0
  •   Austin752    5 年前

    我最近参与了一个需要这种设置的项目。从Angular 7.2开始,简单键入

    ng g a yourNewApp
    

    将在项目文件夹中创建新应用程序

    在新创建的应用程序中创建组件

    ng g c view1 --project=yourNewApp