Hot Reload Drupal


  1. Install BrowserSync and BrowserSync Webpack plugin
npm install --save-dev browser-sync browser-sync-webpack-plugin

2. In webpack/plugins.js, add the following (this example uses a Lando url):

const _BrowserSyncPlugin = require('browser-sync-webpack-plugin');

const BrowserSyncPlugin = new _BrowserSyncPlugin({
  proxy: '',
  port: 32778,

module.exports = {

3. In webpack/, add the following:

const plugins = require('./plugins');

module.exports = merge(common, {
  plugins: [

This will add hot reloading for Drupal for a Lando project. Your local environment may require different settings (proxy, port, etc.). See BrowserSync's docs for more info.


If you do not see your changes hot reloading when editing files, make sure your Drupal caching settings are completely disabled.