LiveReload plugin for webpack

Usage no npm install needed!

<script type="module">
  import charlesportwoodiiLivereloadWebpackPlugin from 'https://cdn.skypack.dev/@charlesportwoodii/livereload-webpack-plugin';


Live Reload Webpack Plugin

Integrate LiveReload with webpack for those days when hot reload just doesn't cut it.


  1. Install the package
yarn add --dev @charlesportwoodii/livereload-webpack-plugin
  1. Add the plugin to your webpack configuration file
const LiveReloadWebpackPlugin = require('@charlesportwoodii/livereload-webpack-plugin');

module.exports = [
    plugins: [
        new LiveReloadWebpackPlugin({
            files: [],
            livereload: {}
  1. Add the livereload script tag to your page
<script src=""></script>


This plugin supports 2 options: a array of files you want livereload to watch (files), and any custom livereload configuration (livereload). For a full list of options, view the API Options supported by the LiveReload NPM module.


Watch twig files outside of webpack source directory, with debugging & polling enabled.

new LiveReloadWebpackPlugin({
    files: [
    livereload: {
        debug: true,
        port: 35729,
        host: '',
        exts: ['twig'],
        applyCSSLive: false,
        applyImgLive: false,
        usePolling: true


BSD-3 Clause: See LICENSE for more information.