Neverending Plethora of Modules
Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

@paulbremer/webpack-livereload-plugin

1.0.0 • Public • Published

webpack-livereload-plugin

Build Status

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

  • protocol - (Default: protocol of the page, either http or https) Protocol for livereload <script> src attribute value
  • port - (Default: 35729) The desired port for the livereload server
  • hostname - (Default: hostname of the page, like localhost or 10.0.2.2) 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.
  • delay - (Default: 0) amount of milliseconds by which to delay the live reload (in case build takes longer)

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 also also set protocol to https.

Install

npm i @paulbremer/webpack-livereload-plugin

DownloadsWeekly Downloads

6

Version

1.0.0

License

ISC

Unpacked Size

9.75 kB

Total Files

6

Last publish

Collaborators

  • avatar