原理：利用webpackDevMiddleware和webpackHotMiddleware兩個(gè)中間件完成開發(fā)服務(wù)器和熱替換的配置工作审残，配置Babel使其支持熱替換使用react-hmre逊躁。
webpackDevMiddleware可以將webpack的打包功能和Express服務(wù)器的資源服務(wù)功能合二為一。該中間件可以監(jiān)視代碼的變動(dòng)淮菠，一旦代碼變動(dòng)就會(huì)停止提供舊代碼資源服務(wù)遍愿，等待編譯完成后提供新的資源服務(wù)存淫。
webpackHotMiddleware可以在代碼更新后保留程序狀態(tài)，即實(shí)現(xiàn)熱替換沼填。
react-hmre預(yù)設(shè):配置Babel支持react熱替換桅咆。
步驟1:新建一個(gè)項(xiàng)目目錄
步驟2:進(jìn)入到項(xiàng)目目錄，安裝相關(guān)的包坞笙，如下package.json
步驟3:配置.babelrc岩饼，如下:
步驟4:配置webpack.config.js,如下：
步驟5:配置express服務(wù)器，server.js如下薛夜。
運(yùn)行方法：npm start
