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!浏覽器自動重新整理，新的結果出現了。