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!浏览器自动刷新，新的结果出现了。