将Angular应用程序添加到现有项目

Question

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

项目结构现在看起来像这样：

• node_modules
• SRC 客户 服务器 共享
• .angular-cli.json
• 的package.json

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

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

问题：

现在将Angular应用程序（到/ src / client）添加到我的项目的最佳方法是什么？由于现有的package.json，我无法简单地运行ng new，也许它不会在/ src / client文件夹中生成应用程序。

Answer 1

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

1. 使用新建一个角度项目。
2. 将src文件夹中的所有内容移动到src / client
3. 将angular-cli.json中的root属性调整为src / client，如果你关心linting，也可以调整linting属性。
4. 将tsconfig.app.json和tsconfig.spec.json中的扩展属性设置为“extends”：“../../ tsconfig.json”
5. 测试服务，构建，测试和linting命令。他们应该工作正常。
6. 从服务器文件夹复制内容并将其依赖项添加到package.json