vutran / hot-reload-server

A simple webpack hot reload server using webpack-dev-middleware and webpack-hot-middleware

webpack hot-reload-server

Simple hot reload server.

Usage

server.js

import path from 'path';
import webpackConfig from './webpack.config';
import hotReloadServer from '../index';

// create the server
let server = hotReloadServer(webpackConfig);

// expose the public directory
server.expose(path.join(__dirname, 'public'));

// start the server
server.start();

webpack.config.js

// Load modules
import path from 'path';
import webpack from 'webpack';

// Create an empty config
export default {
  entry: [
    'webpack-hot-middleware/client',
    path.join(__dirname, 'entry.js')
  ],
  output: {
    path: __dirname,
    publicPath: '/',
    filename: 'bundle.js'
  },
  hotReloadServer: {
    address: 'localhost',
    port: 4000
  },
  devtool: '#source-map',
  plugins: [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ]
};

entry.js

document.write('It works!');

// check if HMR is enabled
if (module.hot) {
    // accept itself
    module.hot.accept();
}

index.html

<script type="text/javascript" language="javascript" src="bundle.js"></script>

Changelog

0.1.0

• Rewritten as ES6 module
• Updated example

0.0.4

• Exposed express and expres app instance

hot-reload-server's Issues

Does this support Backbone?

Hello @vutran, thanks for starting this project. Have you tested it on any specific framework: React, Angular, Backbone? Most hot reloaders out there I see are for React, but my main app is in Backbone.