自己 march 架構 scripts 的用法

 

整個專案分為共用套件層，裡面還有分 server 層與 client 層。

 

一、scripts

1、安裝套件

scripts 指令："init": "npm install && cd client && npm install && cd ../server && npm install",

用法

$ npm run init

說明：

一開始先在根目錄安裝 npm 套件，然後個別在 client 與 server 目錄也把套件裝好。

 

2、本機開發

scripts 指令："dev": "npm run env-init & concurrently --kill-others \"npm run dev-client & start http://localhost:8080\" \"cross-env NODE_ENV=development npm run dev-server\" ",

用法

$ npm run dev

說明：

將自動開啟 node server 及 Vue dev server，預設路徑為 http://localhost:8080/

 

二、部署

於正式或測試環境裡下指令，把檔案轉譯後即完成專案部署

1、正式環境

"build-client": "npm --prefix ./client run build",

"build": "cross-env NODE_ENV=production node ./server/utils/envFileHandler.js & npm run build-client",

$ npm run build

 

2、測試環境

"build-client-stg": "npm --prefix ./client run build-stg",

"build-stg": "cross-env NODE_ENV=staging node ./server/utils/envFileHandler.js & npm run build-client-stg"

$ npm run build-stg