webpack window dev-server配置

1.安裝webpack dev-server

　　npm install --save-dev webpack webpack-dev-server

著做權歸做者全部。
商業轉載請聯繫做者得到受權，非商業轉載請註明出處。
做者：張軒
連接：http://zhuanlan.zhihu.com/p/20367175
來源：知乎

安裝完畢後 在config中添加配置

module.exports = { .... devServer: { historyApiFallback: true, hot: true, inline: true, progress: true, }, ... } 

而後再package.json裏面配置一下運行的命令,npm支持自定義一些命令

...
"scripts": { "start": "webpack-dev-server --hot --inline" }, ... 

好了，萬事具有了，在項目根目錄下輸入npm start,一堆花花綠綠的信息後server已經起來了，在瀏覽器裏面輸入http://localhost:8080 發現偉大的hello world出現了，在js裏面隨便修改一些輸出而後保存, boom!瀏覽器自動刷新，新的結果出現了。