【问题标题】：How to migrate an Angular Application that was not created with the Angular CLI to an Angular CLI project? [closed]如何将不是使用 Angular CLI 创建的 Angular 应用程序迁移到 Angular CLI 项目？ [关闭]
【发布时间】：2019-08-19 12:24:59
【问题描述】：

我使用 NPM 等工具开发了一个 Angular 应用程序（我没有使用 Angular CLI）。将项目迁移到 CLI 项目模型的最佳方法是什么？例如，我希望能够使用像ng serve 这样的命令。

【问题讨论】：

你的意思是说你在没有 Angular CLI 的情况下开发了 Angular 应用程序！！！
您能否详细解释一下您的意思是使用 npm 开发以及您想在 Angular CLI 中做什么。
@AdritaSharma 我在没有 Angular CLI 的情况下开发了 Angular 应用程序。现在我正在使用“npm start”来运行应用程序。我想将其转换为 Angular CLI，以便我可以使用“ng serve”
我认为您正在使用 angular.js。对？ angular cli 适用于 angular 2+
@LibinCJacob 不，不是 angular.js。它只是 Angular 2+，但我在没有 CLI 的情况下开发。现在我想将项目转换为 CLI

标签： angular npm angular-cli

【解决方案1】：

要将 Angular 项目转换为使用 Angular CLI，您可以按照以下步骤操作。

1。安装 CLI

npm install -g @angular/cli

2。创建一个新的 CLI 项目

ng new my-first-project
cd my-first-project
ng serve

3。将现有代码文件复制到新的 CLI 项目中

4。 Configure your Angular Workspace

Angular CLI 和其他构建系统的区别

来自Migrating a project to Angular CLI build system的笔记

Angular CLI 可能会使用多个 tsconfig.json 文件（确保正确设置文件之间的依赖关系）
ng serve 和 ng test 将您的打字稿编译到内存而不是物理文件中。
如果ng test 不起作用并给出神秘错误，请查看pollyfills.ts 文件并开始取消注释行。
考虑使用确切的版本号、shrinkwrap、lockfile 或 yarn 锁定 package.json 版本。调试@types、tsc 版本和不兼容的模块没有乐趣。
使用 ng build --prod（使用 AOT 编译）构建比使用 ng serve 的默认 typescript 规则严格得多。
将 sass 用于 css：
1. 创建新项目时：ng new my-first-app --style=scss
2. 或修改angular.json:

"schematics": {
      "@schematics/angular:component": {
      "styleext": "scss"
    }
}

【讨论】：