Schematics Angular 入门 2

10.Schematics Angular 入门 2(命令相关)

ng new

ng g(generate)

  • 常规使用

ng add

  • ng add 会先安装某个包(可以理解为 npm i),然后再执行里面为ng-add的原理图
  • 新增,只要以下两个地方设置了就行了
// package.json
{
  //...
  "ng-add": {
    // 当添加这个包的时候,保存到哪里
    "save": "devDependencies"
  }
}
//collection.json
{
  //...
  "ng-add": {
    "factory": "./ng-add",
    "description": "ng-add",
    "schema": "./ng-add/schema.json"
  }
}

ng update

  • 更新
{
  //...
  "ng-update": {
    "migrations": "./src/migrations/migrations.json",
    // 这里的意思是这个组的也会连带升级
    "packageGroup": {
      "@angular/core": "12.2.8"
    }
  }
}

视频