Changelog

Angular Site Template changelog

2.2.0 - 2021-09-22

• Update project to Angular 12

• Update all libraries

• ESLint Migration

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)

Diagnostic

npm outdated -g --depth=0

Execute

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

Update other libraries (for the project)

Diagnostic

npm outdated --depth=0 --long

Execute

npm install --save [email protected]
npm install --save @ngx-loading-bar/[email protected]
npm install --save @ngx-loading-bar/[email protected]
npm install --save @ngx-loading-bar/[email protected]
npm install --save [email protected]
npm install --save [email protected]

Dev dependencies

npm install --save-dev @types/[email protected]
npm install --save-dev @types/[email protected]
npm install --save-dev @types/[email protected]
npm install --save-dev @types/[email protected]

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

• Update project to Angular 8

• Remove BASE_URL and added Angular UniversalInterceptor (learn more in https://angular.io/guide/universal#using-absolute-urls-for-server-requests)

• Updated all libraries

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