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

2023-11-23

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

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

  • 节点模块
  • src
    • client
    • server
    • shared
  • .angular-cli.json
  • 包.json

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

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

问题:

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


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

  1. 使用创建一个角度项目ng new.

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

  3. 将 angular-cli.json (或 angular.json)中的 root 属性调整为源代码/客户端,如果您关心 linting,请调整 linting 属性。

  4. Set the extends财产在tsconfig.app.json and tsconfig.spec.json到“扩展”:“../../tsconfig.json”

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将 Angular 应用程序添加到现有项目 的相关文章

随机推荐