Angular Site Template changelog

2.2.0 - 2021-09-22

Steps to update

Update Angular to next major version (11) [from 10.1.0]

ng update @angular/core@11 @angular/cli@11 --create-commits
ng update @nguniversal/builders@11 --create-commits
ng update @nguniversal/express-engine@11 --create-commits

Update Angular to the latest version (12) [from 11.2.x]

Note: Try without --force param first

ng update @angular/core@12 @angular/cli@12 --create-commits --force
ng update @nguniversal/builders@12 --create-commits
ng update @nguniversal/express-engine@12 --create-commits

Update tooling (global npm dependencies)


npm outdated -g --depth=0


npm install -g @angular/cli
npm install -g @angular-devkit/schematics-cli

Update other libraries (for the project)


npm outdated --depth=0 --long


npm install --save ngx-bootstrap@7.1.0
npm install --save @ngx-loading-bar/http-client@5.1.2
npm install --save @ngx-loading-bar/router@5.1.2
npm install --save @ngx-loading-bar/core@5.1.2
npm install --save rxjs@6.6.7
npm install --save bootstrap@4.6.0

Dev dependencies

npm install --save-dev @types/express@4.17.13
npm install --save-dev @types/node@14.17.1
npm install --save-dev @types/jasmine@3.9.1
npm install --save-dev @types/jasminewd2@2.0.10

Fix vulnerabilities

npm audit
npm audit fix

ESLint Migration

Linting is the process of analyzing your code for bugs, warnings, style and consistency changes, and more. In early 2019, TSLint was officially deprecated, and the community centered around ESLint as its replacement. Since then, there’s been a lot of development in ESLint in order to support TypeScript as well as Angular. Now, we finally have TypeScript-ESLint and Angular-ESLint.

In order to migrate our existing project we run the following commands:

ng add @angular-eslint/schematics
ng g @angular-eslint/schematics:convert-tslint-to-eslint

2.1.0 - 2020-09-30

  • Update project to Angular 10 🎉

  • Update all dependencies to latest versions.

To update your existing project please follow these steps.

If you re-download the files from your Angular Template account you don't need to do this because the template is already updated.

Updating Angular 8.2 to Angular 9

Remove any es5BrowserSupport flags in your angular.json and set your target to es2015 in your tsconfig.json. Angular now uses your browserslist to determine if an ES5 build is needed.

ng update will migrate you automatically.

ng update @angular/core@8 @angular/cli@8 --create-commits
ng update @angular/core@9 @angular/cli@9 --create-commits
ng update @nguniversal/express-engine --force --create-commits

entryComponents are no longer required. They can be removed from your code.

Updating Angular 9 to Angular 10

ng update @angular/core @angular/cli --create-commits
ng update rxjs --create-commits

Run npm outdated and update all your libraries.

20 Jan 2020 - v2.0.0

17 Dec 2018 - v1.1.0

  • Update to Angular 7

  • Removed webpack process and replaced it with tsc

  • Updated all libraries to its latest versions

Last updated