How to: Update Angular

Wanneer er een nieuwe versie van Angular is moet deze geupdate worden. Om er zeker van te zijn dat bepaalde migratie scripts uitgevoerd worden zijn er een aantal stappen die uitgevoerd moeten worden.

Angular update

Op https://update.angular.io kun je de standaard stappen vinden voor het updaten, vink hier de optie I use Angular Material aan. Vervolgens krijg je een aantal stappen die je uit moet voeren, als dit klaar is zijn de standaard angular packages geupdate. Deze commando's voer je uit in de /app folder waar ook de package.json staat.

Controleer ook even de breaking changes die op de pagina genoemd staan en los dit eventueel op.

Extra packages

Het ZAC gebruikt echter nog een aantal packages die geupdate moeten worden.

Met het volgende commando krijg je een lijst van dependencies die geupdate kunnen worden:

npm outdated

Voor elk van de genoemde packages doe je het volgende (versie nummer van angular/cli gelijkhouden aan de geinstalleerde angular versie):

npx @angular/cli@13 update <package name>

Na elke update van een package moet je je wijzigingen committen, updates kunnen allen worden uitgevoerd op een schone repository.

Belangrijk! Typescript versie

Typescript wordt geupdate door angular, update deze niet! Het kan namelijk voorkomen dat de nieuwste typescript nog niet gebruikt wordt door Angular.

Build

Draai, nadat je alles geupdate hebt, een maven clean package. Eventuele fouten kunnen dan boven water komen.