vue-cli的webpack模板項目配置文件分析

來源：易賢網閱讀：1481 次日期：2017-04-06 14:38:05

溫馨提示：易賢網小編為您整理了“vue-cli的webpack模板項目配置文件分析”,方便廣大網友查閱！

測試的東西先不看，直接看”dev”和”build”。運行”npm run dev”的時候執行的是build/dev-server.js文件，運行”npm run build”的時候執行的是build/build.js文件，我們可以從這兩個文件開始進行代碼閱讀分析。

三、build文件夾分析

build/dev-server.js

首先來看執行”npm run dev”時候最先執行的build/dev-server.js文件。該文件主要完成下面幾件事情：

檢查node和npm的版本

引入相關插件和配置

創建express服務器和webpack編譯器

配置開發中間件(webpack-dev-middleware)和熱重載中間件(webpack-hot-middleware)

掛載代理服務和中間件

配置靜態資源

啟動服務器監聽特定端口(8080)

自動打開瀏覽器并打開特定網址(localhost:8080)

說明： express服務器提供靜態文件服務，不過它還使用了http-proxy-middleware，一個http請求代理的中間件。前端開發過程中需要使用到后臺的API的話，可以通過配置proxyTable來將相應的后臺請求代理到專用的API服務器。

詳情請看代碼注釋：

由于各方面情況的不斷調整與變化，易賢網提供的所有考試信息和咨詢回復僅供參考，敬請考生以權威部門公布的正式信息和咨詢為準！