From 4ad5170b0bf6b3249fade9804f100710b7b19b86 Mon Sep 17 00:00:00 2001 From: Dan Abramov <dan.abramov@gmail.com> Date: Wed, 20 Jul 2016 18:05:56 +0100 Subject: [PATCH] Enable hot reloading for CSS (#42) --- config/webpack.config.dev.js | 5 ++++- scripts/start.js | 1 + 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/config/webpack.config.dev.js b/config/webpack.config.dev.js index f7309605e..44d5cec92 100644 --- a/config/webpack.config.dev.js +++ b/config/webpack.config.dev.js @@ -20,6 +20,7 @@ module.exports = { devtool: 'eval', entry: [ require.resolve('webpack-dev-server/client') + '?http://localhost:3000', + require.resolve('webpack/hot/dev-server'), './src/index.js' ], output: { @@ -79,6 +80,8 @@ module.exports = { inject: true, template: path.resolve(__dirname, relative, 'index.html'), }), - new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"development"' }) + new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"development"' }), + // Note: only CSS is currently hot reloaded + new webpack.HotModuleReplacementPlugin() ] }; diff --git a/scripts/start.js b/scripts/start.js index acada400d..7623b9abf 100644 --- a/scripts/start.js +++ b/scripts/start.js @@ -29,6 +29,7 @@ if (process.argv[2] === '--smoke-test') { new WebpackDevServer(webpack(config, handleCompile), { publicPath: config.output.publicPath, historyApiFallback: true, + hot: true, // Note: only CSS is currently hot reloaded stats: { hash: false, version: false, -- GitLab