项目原来的运行命令和打包命令分别是:
"start": "vue-cli-service serve"
"build": "vue-cli-service build"
现在需要改为两个不同端的命令:
"start": "vue-cli-service serve --mode d-dev", // 此为默认运行 npm start时运行的端
"start:d": "vue-cli-service serve --mode d-dev", // d端 (环境文件的 ‘名字’ 自定义即可)
"start:p": "vue-cli-service serve --mode p-dev" // p端
打包命令也是同理,就不写了。
还需要环境文件:
.env.d-dev
.env.p-dev
文件中写一个变量即可:
VUE_APP_USER_TYPE=d //d端
NODE_ENV=development // dev环境
VUE_APP_USER_TYPE=p //p端 根据实际项目需求会有不同
NODE_ENV=development // dev环境
入口文件main.js也需要分为d端和p端,复制一份,改名为:
main_d.js 和 main_p.js,需要将这两个文件中引入的router也做更改:
// 路由文件router.js 也复制一份,分别改名,并在这里引入
import router from './router/router_d'
import router from './router/router_p'
这样差不多就可以了,中间可能有些细节不到位,需要自行摸索啦。。。
运行项目分别使用:
npm run start:d
npm run start:p
就可以啦。。。。然后就可以根据不同端的需求,选择隐藏不同功能,这样就可以一个项目给两个不同群体的用户使用啦(例:老师和学生)