node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »


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.