如何将未使用Angular CLI创建的Angular应用程序迁移到Angular CLI项目？

Question

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

Answer 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的默认打字稿规则相比，使用ng serve（使用AOT编译）进行构建要严格得多。
• 使用sass作为CSS：
  1. 创建新项目时：ng new my-first-app --style=scss
  2. 或修改angular.json：

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