1. 程式人生 > >20181126——Vue中npm run dev和npm run build

20181126——Vue中npm run dev和npm run build

├─build
│ ├─build.js
│ ├─check-versions.js
│ ├─dev-client.js
│ ├─dev-server.js
│ ├─utils.js
│ ├─vue-loader.conf.js
│ ├─webpack.base.conf.js
│ ├─webpack.dev.conf.js
│ ├─webpack.prod.conf.js
│ └─webpack.test.conf.js
├─config
│ ├─dev.env.js
│ ├─index.js
│ ├─prod.env.js
│ └─test.env.js
├─…
└─package.json
以上是關於bulid與run的所有檔案

那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伺服器。