前端和後端連載一起啟動
- 2019 年 10 月 7 日
- 筆記
前言
在開發的時候，有時在命令工具裡面，要多開兩個窗口分別啟動前端項目和後端服務介面，有沒有辦法將整個項目一起啟動呢
答案是有，前端和後端連載一起啟動，適用於前端為vue或React，後端為nodejs的項目。
只需用到一個npm包concurrently模組，通過package.json配置實現。
假設你是vue+nodejs項目，項目根目錄為server，vue前端部分放於client目錄下
配置開始
1.在項目根路徑server下安裝concurrently模組
cnpm install concurrently -S
2.配置client下的package.json
1 "scripts": { 2 "serve": "vue-cli-service serve", 3 "build": "vue-cli-service build", 4 + "start": "npm run serve" 5 },
3.配置項目根目錄server下的package.json
1 "scripts": { 2 + "client-install": "npm install --prefix client", 3 + "client": "npm start --prefix client", 4 "start": "node server.js", 5 "server": "nodemon server.js", 6 + "dev": "concurrently "npm run server" "npm run client"" 7 },
4.啟動前後端
npm run dev
更多用法見
https://github.com/kimmobrunfeldt/concurrently
