vue-cli中對 dev-server 相關(guān)配置進行了解

這里主要介紹幾個關(guān)鍵組件

proxyMiddleware

代理轉(zhuǎn)發(fā)組件，將其加在中間件中如這里：app.use(proxyMiddleware([..頁面請求地址],'轉(zhuǎn)發(fā)后目標地址'))

webpack-dev-middleware

將webpack包裝成中間件的容器，使其在node環(huán)境下也能進行打包，打包文件并不會生成在項目中，而是放在內(nèi)存里。其中參數(shù)：1、publicPath表示輸出的文件目錄。2、quiet不在控制臺顯示相關(guān)信息。

webpack-hot-middleware

程序熱加載中間件，當程序發(fā)生更新時，程序?qū)⑦B接的瀏覽器客戶端，對其進行更新修改。

connect-history-api-fallback

通過頁面請求配合vue-router的history模式進行使用（ps:history模式必須要有后端的支持才能實現(xiàn)）。那history模式他是干嘛的呢？相比于hash模式他是一個基于狀態(tài)的路由。具體history模式咋干活的，可以查看w3c上相關(guān)文檔，或者送上一張張鑫旭大神博客的飛機票

Compilation 實例

這里回調(diào)函數(shù)中的compilation可以取得掛在compiler所有相關(guān)組件
'html-webpack-plugin-after-emit'這個是表示所有文件編譯完成后的一個事件監(jiān)聽函數(shù)，強制刷新。原文是（The Compiler has emitted all assets.）