Hot Module Replacement runtime for Brunch

Usage no npm install needed!

<script type="module">
  import hmrBrunch from '';


HMR runtime for Brunch

Allows to use Hot Module Replacement in your Brunch projects.


  • Only works for JS files
  • Requires brunch v<unreleased> and later
  • Requires auto-reload-brunch v<unreleased> and later
  • Provides the main HMR API (but not Management API)
  • Works only if your JS compiles to a single file


Change your config:

exports.config = {
  hot: true,
  // ...

Then, just use the main HMR API:

import React from 'react';
import { Provider } from 'react-redux';
import { createStore } from 'redux';
import counterApp from './reducers';
import App from 'components/App';

const store = createStore(counterApp, 0);
// detect if we're loading for the first time or reloading
if ( {'./reducers', (d) => {

Note: in production env, hmr-brunch will strip all if ( { ... } conditionals.