Merge pull request #560 from sararubin/patch-2

Update hmr-react.md

Author: bebraw

content/guides/hmr-react.md

@@ -4,6 +4,7 @@ sort: 8
 contributors:
   - jmreidy
   - jhnns
+  - sararubin
 ---
 
 As explained in detail on the [concept page](/concepts/hot-module-replacement), Hot Module Replacement (HMR) exchanges, adds, or removes modules while an application is running without a page reload.
@@ -222,18 +223,22 @@ export default App;
 
 The important thing to note in the code above is the `module` reference.
 
-1. Webpack will expose `module.hot` to our code since we set `devServer: { hot: true }`;
+1. webpack will expose `module.hot` to our code since we set `devServer: { hot: true }`;
 
 2. Thus we can use the `module.hot` hook to enable HMR for specific resources (Here's `App.js`). The most important API here is `module.hot.accept`, which specifies how to handle changes to specific dependencies.
 
-3. Note that because Webpack 2 has built-in support for ES2015 modules, you won't need to re-require your root component in `module.hot.accept`. To make this work, you need to change the Babel ES2015 preset in `.babelrc` to be:
+3. Note that because webpack 2 has built-in support for ES2015 modules, you won't need to re-require your root component in `module.hot.accept`. To make this work, you need to change the Babel ES2015 preset in `.babelrc` to be:
 
   ```
   ["es2015", {"modules": false}]
   ```
 
   like what we did in [Babel Config](#babel-config). Note that disabling Babel's module plugin is not only necessary for HMR. If you don't disable it you'll run into many other issues (see [Migrating from v1 to v2](/guides/migrating/#mixing-es2015-with-amd-and-commonjs) and [webpack-tree-shaking](http://www.2ality.com/2015/12/webpack-tree-shaking.html)).
 
+4. Note that if you're using ES6 modules in your webpack 2 configuration file, and you change your `.babelrc` file in #3 above, you either need to use `require` or create two `.babelrc` files (issue [here](https://github.com/webpack/webpack.js.org/issues/154)):
+  * One in the project root directory with `"presets": ["es2015"]
+  * One in the home directory for webpack to build. For this example, in `src/`.
+
 So in this case, `module.hot.accept` will fire the `render` method whenever `src/components/App.js` or its dependencies are changed - which means the `render` method will also fire when the `App.css` is changed, since `App.css` is included in `App.js`.
 
 ### index.html