上回書(shū)我們說(shuō)了些webpack的初期配置褥芒，到了最后我們精簡(jiǎn)到一個(gè)webpack命令就可以把一個(gè)main.js文件編譯成瀏覽器支持的bundle.js文件桐磁。那我們的欲望是無(wú)情無(wú)盡的换途。其實(shí)webpack還是不能滿足我們這群懶豬。我們其實(shí)想更方便扛吞，不用敲擊命令讓他直接編譯厢钧。哈哈，這期我們就滿足你們的欲望睹逃，歡迎大家來(lái)到 webpack-dev-server篇
命令行 npm i webpack-dev-server -D 回車
安裝過(guò)后出現(xiàn)了很多警告盗扇，也不知成功沒(méi)成功，先試試吧沉填！
命令行敲擊webpack-dev-server疗隶，結(jié)果不行
還需要本地安裝，我們打開(kāi)package.json翼闹，修改Dev的值
然后 npm run dev 結(jié)果報(bào)一堆錯(cuò)
把node-modules都刪掉 然后 打開(kāi)package.json抽减，把該刪的都刪了，改的都改了橄碾。
然后 cnpm i 回車
然后重新安裝webpack-dev-server（?npm i webpack-dev-server -D）
然后本地安裝webpack (cnpm i webpack -D)
再把package.json打開(kāi) 把dev改回去
最后npm run dev刷新
（以上步奏均無(wú)報(bào)錯(cuò)）
結(jié)果···
缺少了webpack-cli 插件
cnpm i webpack-cli 安裝一個(gè)唄
然后 cnpm i jquery 重新安裝
最后npm run dev
如果還是報(bào)錯(cuò)，就才刪node-modules再來(lái)一遍颠锉。第二次 我們成功了
這回我們就不能直接文件打開(kāi)了法牲，要通過(guò)webpack-dev-server創(chuàng)建的服務(wù)器打開(kāi)
點(diǎn)擊網(wǎng)址進(jìn)入（另外）
記得把src改成src=‘/bundle’。應(yīng)為HTML引入的是服務(wù)器的bundle.js 不是一樣的
然后進(jìn)入瀏覽器界面
點(diǎn)擊src琼掠，網(wǎng)頁(yè)就出來(lái)了啦拒垃！以后再在webstorm修改，直接切到瀏覽器界面就看見(jiàn)變化啦瓷蛙！
下面我們?cè)倏匆恍﹚ebpack-dev-server的常用配置
打開(kāi)package.json文件
--open：自動(dòng)打開(kāi)瀏覽器
--port 8888：自動(dòng)設(shè)置端口號(hào)
--contentBase src:設(shè)置src為項(xiàng)目根路徑
--hot：熱重載（不用每次更改都加載整個(gè)文件悼瓮，而是打了幾個(gè)補(bǔ)丁戈毒，加進(jìn)去即可，節(jié)約內(nèi)存）
