Hot Module Replacement (HMR) di Angular 11

Angular 11 telah dirilis 22 November 2020 kemarin, dengan beberapa fitur baru didalamnya. Salah satu fitur yang cukup membahagiakan bagi saya pribadi adalah HMR (Hot Module Replacement) di Angular 11 ini.

Jadi sekarang dengan adanya HMR, selama proses pengembangan (koding) ketika kita melakukan perubahan terhadap component, template atau style seketika itu juga langsung mengubah aplikasi yang sedang dijalankan di lokal komputer.

Sebelum adanya HMR di Angular 11 ini, setelah melakukan perubahan dan disimpan. Kita masih perlu me-refresh halaman aplikasi yang sedang berjalan di browser, baru perubahan terakhir dapat dilihat.

Untuk mengaktifkan HMR ketika akan menjalankan aplikasi Angular di lokal komputer, kita bisa menggunakan perintah dibawah ini :

ng serve --hmr

Perlu diingat! HMR hanya bisa digunakan dalam Development Server saja.

Dengan adanya fitur HMR (Hot Module Replacement) di Angular 11 ini, maka Ionic Developer khususnya Ionic Angular juga bisa menggunakannnya. Dengan catatan, Angular CLI dan Angular Core nya sudah diupdate ke versi 11.

Cara update ke Angular 11 cukup mudah. Jalankan perintah dibawah ini di terminal dalam folder proyek Angular :

ng update @angular/cli @angular/core

Kemudian jalankan proyek Ionic Angular dengan menjalankan perintah di bawah ini :

ionic s -- --hmr

Maka fitur HMR yang ada di Angular 11 sudah bisa dinikmati.