Angular 11 Updated Hot Module Replacement (HMR) Support

In Angular 11, to configure or enable HMR is a bit easy now, efforts you need to configure the HMR has been reduced drastically. Now we've CLI command for that as well. In version 11 we’ve updated the CLI to allow enabling HMR when starting an application with ng serve.

Hot Module Replacement (HMR) 

Hot Module Replacement is a mechanism that allows modules to be replaced without a full browser refresh.

Now you can simply use the ng serve command with an hmr tag to enable HMR:

ng serve --hmr

After the local server starts the console will display a message confirming that HMR is active, HMR will be enabled for the dev server.

Go through https://webpack.js.org/guides/hot-module-replacement for more details on working with HMR for webpack.

Now during development, the latest changes will be instantly updated into the running application. All without requiring a full page refresh. By using the HMR technique the application development becomes faster as fewer resources are loaded after saving the changes in the project.


1 Comments

If you have any questions or concerns, please let me know.

  1. Casinos Near Trump International Casino & Hotel, NC - Mapyro
    A 용인 출장마사지 map showing 경기도 출장샵 casinos and other gaming facilities 익산 출장마사지 located 대전광역 출장마사지 near Trump International Casino 안산 출장마사지 & Hotel, North Carolina, based on 1291 reviews.

    ReplyDelete
Previous Post Next Post