使用webpack配置react-hot-loader热加载局部更新

npm install --save-dev react-hot-loader

entry: [
        'babel-polyfill', 
        'react-hot-loader/patch', //设置这里
        __dirname + '/app/main.js'
]

devServer: {
        contentBase: './build', 
        port: '1188', 
        historyApiFallback: true,  
        inline: true,  
        hot: true,  //设置这里
    },

{
    "presets": ['es2015', 'react'],
    "plugins": ["react-hot-loader/babel"]   //设置这里
}

plugins: [
        new HtmlWebpackPlugin({
            template: __dirname + "/app/index.tmpl.html"
        }),
        new webpack.HotModuleReplacementPlugin() //设置这里
]

import React from 'react';
import ReactDOM from 'react-dom';
import Greeter from './greeter';
import "./main.css";
import { AppContainer } from 'react-hot-loader'; //设置这里
 
const render = (App) => {
	ReactDOM.render(
		<AppContainer>
			<App />
		</AppContainer>,
	document.getElementById('root')
	)
}
 
render(Greeter)
 
// Hot Module Replacement API 
if (module && module.hot) {
    module.hot.accept('./greeter', () => {
        render(require('./greeter').default)
    })
}

import React from 'react';
import ReactDOM from 'react-dom';
import App from './app';
import "./main.css";
 
ReactDOM.render(
    <App />,
    document.getElementById('root')
)
 
if (module && module.hot) {
    module.hot.accept()
}

const AsyncLogin = asyncComponent(() => import("./Login")); //我不能热加载
import home from './home'  //我能热加载
<Route exact path='/' component={home}/>
<Route   path='/login' component={AsyncLogin}/>
<Route   path='/home' component={home}/>