Package Exports

webpack-livereload-plugin

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (webpack-livereload-plugin) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

webpack-livereload-plugin

LiveReload when running webpack --watch

Installation

Install the package

npm install --save-dev webpack-livereload-plugin

Add the plugin to your webpack config

// webpack.config.js

var LiveReloadPlugin = require('webpack-livereload-plugin');

module.exports = {
  plugins: [
    new LiveReloadPlugin(options)
  ]
}

Add a script tag to your page pointed at the livereload server

<script src="http://localhost:35729/livereload.js"></script>

Options

port - (Default: 35729) The desired port for the livereload server
hostname - (Default: localhost) The desired hostname for the appended <script> (if present) to point to
appendScriptTag - (Default: false) Append livereload <script> automatically to <head>.
ignore - (Default: null) RegExp of files to ignore. Null value means ignore nothing.

Why?

Yes, there's already webpack-dev-server that handles live reloading and more complex scenarios. This project aims to solve the case where you want assets served by your app server, but still want reloads triggered from webpack's build pipeline.

HTTPS

If you set key, cert, or pfx options, they'll get passed through to tiny-lr as options and it will serve over HTTPS. You'll need to also leave appendScriptTag as false and manually add a script tag to your html:

<script src="https://localhost:port/livereload.js"></script>