parcel-plugin-watch-reload

parcel-plugin-watch-reload

📦🔌🗂👀 A Parcel plugin that watches files not included in your bundles (e.g. **/*.php) and reloads your browser if they change (great for CMS theme development like e.g. WordPress). Also, has emojis in readme 👾

Installation

$ npm install parcel-plugin-watch-reload -D

...or

$ yarn add parcel-plugin-watch-reload -D

Setup

Specify which file types should trigger a browser reload in your package.json:

{
  "watchreload": {
    "files": "**/*.php"
  }
}

Arrays of globs are also supported:

{
  "watchreload": {
    "files": ["**/*.php", "**/*.svg"]
  }
}

Without the files setting in your package.json, the plugin will do nothing.

Optional settings

You can set a delay for the browser reload like this:

{
  "watchreload": {
    "files": "**/*.php",
    "reloadDelay": 200
  }
}

That's it! If you start parcel in watch mode with the hmr option set to true (it's the default), each change to a file matching your rules will trigger a browser reload. ✨

License