Angular2 slow auto page refresh in local development - Windows

Problem

The problem was not with angular2, rather it was with Windows/Antivirus as they were slowing down node.js due to their so-called security measures.

Solution

• Disable realtime protection from windows defender (or any other antivirus), as it slows down node.js
• Run console (or gitbash if you use that) as an administrator
• Use SSD drive

Ultimate Solution

The constant problems of performance and node modules not being installed, forced me to completely ditch Windows. And the day I shifted to mac, node and angular development experience was WAY better, the difference was like dark-night and full-sunny-shiny-broady-day.

More details

Read this excellent answer to get more details.

You can also try to have lite-server not monitor your node_modules directory. See here for config instructions: https://github.com/johnpapa/lite-server

• Add a bs-config.json to your project and specify files to watch for a reload

  {
  "port": 8000,
  "files": ["./app/**/*.{html,htm,css,js}", "./*.{html,css,js,json}"],
  "server": { "baseDir": "./" }
  }
  

• Add the config file to your startup in packages.json

  {
    ...
    "scripts": {
      ...
      "lite": "lite-server -c bs-config.json",