将角度应用程序添加到现有项目 [英] Adding Angular application to an existing project

问题描述

我有一个现有项目，希望使用ANGLE CLI添加ANGLE应用程序。

项目结构现在如下所示：

• NODE_MODULES
• 源
  • 客户端
  • 服务器
  • 共享
• .angle-cli.json
• Package.json

客户端和共享文件夹仍然是空的，我希望在客户端文件夹中安装我的角度应用程序，但我仍然希望为整个项目维护一个Package.json。这就是为什么我尝试添加具有以下内容的angle-cli.json的原因：

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

问题：

现在将ANGLE应用程序(添加到/src/client中)到我的项目的最佳方式是什么？由于现有的Package.json，我无法简单地运行ng new，而且它可能也不会在/src/client文件夹中生成应用程序。

推荐答案

使用NG NEW仍是实现此目的的最简单方法。

1. 使用NG new创建角度项目。

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

3. 将angle-cli.json(或angular.json)中的root属性调整为src/client，如果您关心linting，请调整linting属性。

4. 将tsconfig.app.json和tsconfig.spec.json中的扩展属性设置为"；扩展&qot；："；../../tsconfig.json"；

5. Test Serving、Build、Testing和linting命令。它们应该可以正常工作。

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

这篇关于将角度应用程序添加到现有项目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！