Как включить Ivy для Angular?

Question

Как включить Ivy в проекте Angular 9?

Ivy - это новый движок рендеринга для Angular, который предоставляет множество полезных функций без изменения фактической базы кода проектов Angular.

Answer 1

используйте это официальное руководство.

Использование Ivy в новом проекте:

Чтобы начать новый проект с включенным Ivy, используйте--enable-ivy флаг с помощью команды ng new:

ng new shiny-ivy-app --enable-ivy

Новый проект автоматически настраивается для Ivy. В частности, для параметра enableIvy задано значение true в файле tsconfig.app.json проекта.

Использование Ivy в существующем проекте:

Чтобы обновить существующий проект для использования Ivyустановите параметр enableIvy в angularCompilerOptions в tsconfig.app.json.

{
  "compilerOptions": { ... },
  "angularCompilerOptions": {
    "enableIvy": true
  }
}

. Компиляция AOT с Ivy выполняется быстрее и должна использоваться по умолчанию. В файле конфигурации рабочей области angular.json установите параметры сборки по умолчанию для своего проекта, чтобы всегда использовать компиляцию AOT.

{
  "projects": {
    "my-existing-project": {
      "architect": {
        "build": {
          "options": {
            ...
            "aot": true,
          }
        }
      }
    }
  }
}

Чтобы прекратить использование компилятора Ivy, установите для параметра enableIvy значение false в tsconfig.app.json или удалитеэто полностью. Также удалите «aot»: true из параметров сборки по умолчанию, если у вас его там раньше не было.

Answer 2

источник и дополнительная информация идут по этому

Ссылка: https://dzone.com/articles/how-to-upgrade-angular-packagesenable-ivy-compiler

вы можете автоматически обновить

npm i -g @angular/cli@latestng update

или в вашем tsconfig.json файл обновите этот

{
  "compilerOptions": {
    "module": "esnext",
    // ...
  },
  "angularCompilerOptions": {
    "enableIvy": true,
    "allowEmptyCodegenFiles": true
  }
}

тогда ваш angular.json файл

{
  "projects": {
    "your-project": {
      "architect": {
        "build": {
          "options": {
            ...
            "aot": true,
          }
        }
      }
    }
  }
}