上回書我們說了些webpack的初期配置，到了最后我們精簡到一個webpack命令就可以把一個main.js文件編譯成瀏覽器支持的bundle.js文件。那我們的欲望是無情無盡的。其實webpack還是不能滿足我們這群懶豬。我們其實想更方便，不用敲擊命令讓他直接編譯。哈哈，這期我們就滿足你們的欲望，歡迎大家來到 webpack-dev-server篇
命令行 npm i webpack-dev-server -D 回車
安裝過后出現了很多警告，也不知成功沒成功，先試試吧！
命令行敲擊webpack-dev-server，結果不行
還需要本地安裝，我們打開package.json，修改Dev的值
然后 npm run dev 結果報一堆錯
把node-modules都刪掉 然后 打開package.json，把該刪的都刪了，改的都改了。
然后 cnpm i 回車
然后重新安裝webpack-dev-server（?npm i webpack-dev-server -D）
然后本地安裝webpack (cnpm i webpack -D)
再把package.json打開 把dev改回去
最后npm run dev刷新
（以上步奏均無報錯）
結果···
缺少了webpack-cli 插件
cnpm i webpack-cli 安裝一個唄
然后 cnpm i jquery 重新安裝
最后npm run dev
如果還是報錯，就才刪node-modules再來一遍。第二次 我們成功了
這回我們就不能直接文件打開了，要通過webpack-dev-server創建的服務器打開
點擊網址進入（另外）
記得把src改成src=‘/bundle’。應為HTML引入的是服務器的bundle.js 不是一樣的
然后進入瀏覽器界面
點擊src，網頁就出來了啦！以后再在webstorm修改，直接切到瀏覽器界面就看見變化啦！
下面我們再看一些webpack-dev-server的常用配置
打開package.json文件
--open：自動打開瀏覽器
--port 8888：自動設置端口號
--contentBase src:設置src為項目根路徑
--hot：熱重載（不用每次更改都加載整個文件，而是打了幾個補丁，加進去即可，節約內存）
