Can't watch for changes of `src/index.html`

[jeandat]

Short description of the problem:

When source code is watched, you can edit sass files, ts files, html templates but not index.html. It will not be detected by the watcher and thus not trigger a livereload event.

What behavior are you expecting?

Everything inside src should be editable and "livereloadable".

Steps to reproduce:

1. ionic serve
2. Edit index.html inside src folder

Tried to add a watch.config.js file inside my project referenced inside package.json by the config property ionic_watch, did not work:

./package.json

"config":{
      "ionic_sass": "./config/sass.config.js",
      "ionic_watch": "./config/watch.config.js"
  },

./config/watch.config.js

var buildUpdate = require('@ionic/app-scripts/dist/build').buildUpdate;
var templateUpdate = require('@ionic/app-scripts/dist/template').templateUpdate;
var copyUpdate = require('@ionic/app-scripts/dist/copy').copyUpdate;
var sassUpdate = require('@ionic/app-scripts/dist/sass').sassUpdate;

// https://www.npmjs.com/package/chokidar

module.exports = {

  watchers: [

    {
      paths: [
        '{{TMP}}/**/*.js'
      ],
      callback: buildUpdate
    },

    {
      paths: [
        '{{SRC}}/**/*.html'
      ],
      options: { ignored: /(index.html$)/ },
      callback: templateUpdate
    },

    {
      paths: [
        '{{SRC}}/**/*.scss'
      ],
      callback: sassUpdate
    },

    {
      paths: [
        '{{SRC}}/assets',
        **'{{SRC}}/index.html'**
      ],
      callback: copyUpdate
    }

  ]

};

Which @ionic/app-scripts version are you using?

0.0.28

[jgw96]

Hello, thanks for using Ionic! This has been fixed in the latest beta release of app-scripts by this commit and some changes that were done to the watch script.