vue-cli中對 dev-server 相關(guān)配置進(jìn)行了解
這里主要介紹幾個(gè)關(guān)鍵組件
proxyMiddleware
代理轉(zhuǎn)發(fā)組件，將其加在中間件中如這里：app.use(proxyMiddleware([..頁面請求地址],'轉(zhuǎn)發(fā)后目標(biāo)地址'))
webpack-dev-middleware
將webpack包裝成中間件的容器找田，使其在node環(huán)境下也能進(jìn)行打包妇汗，打包文件并不會(huì)生成在項(xiàng)目中乖仇，而是放在內(nèi)存里廉油。其中參數(shù)：1势誊、publicPath表示輸出的文件目錄剑梳。2唆貌、quiet不在控制臺(tái)顯示相關(guān)信息。
webpack-hot-middleware
程序熱加載中間件垢乙，當(dāng)程序發(fā)生更新時(shí)锨咙，程序?qū)⑦B接的瀏覽器客戶端，對其進(jìn)行更新修改追逮。
connect-history-api-fallback
通過頁面請求配合vue-router的history模式進(jìn)行使用（ps:history模式必須要有后端的支持才能實(shí)現(xiàn)）酪刀。那history模式他是干嘛的呢？相比于hash模式他是一個(gè)基于狀態(tài)的路由钮孵。具體history模式咋干活的蓖宦，可以查看w3c上相關(guān)文檔，或者送上一張張鑫旭大神博客的飛機(jī)票
Compilation 實(shí)例
這里回調(diào)函數(shù)中的compilation可以取得掛在compiler所有相關(guān)組件
'html-webpack-plugin-after-emit'這個(gè)是表示所有文件編譯完成后的一個(gè)事件監(jiān)聽函數(shù)油猫，強(qiáng)制刷新稠茂。原文是（The Compiler has emitted all assets.）
