vue-cli 配置
vue-cli 2.x
版本,因为自己不太习惯 3.x 的这种配置,很多配置不容易写进去,同时 3.x 也在不断的修 bug,所以没有升级.
最新代码在github,这个项目基本上是一些打包优化,缓存,等等并不是后台模版,你可以在这个项目上再搭建自己的东西,直接只是提供了一个项目比较基础的一些东西。
配置脚本
在package.json
文件中的scripts
添加三个字段:
- “build:sit”: “cross-env API_ROOT=sit node build/build.js”,
- “build:uat”: “cross-env API_ROOT=uat node build/build.js”,
- “build:prod”: “cross-env API_ROOT=prod node build/build.js”
其中cross-env
包是为了兼容 liunx 和 window 不同系统都可以把 API_ROOT参数传进进程中. ![jenkins_vue_cli](./jenkins-fornt/vue_build/jenkins_vue_cli.png) 然后配置
config文件夹下的<font color="green">dev.env.js、prod.env.js
dev.env.js
1 | ; |
prod.env.js
1 | ; |
最后也是最重要的也就是我们要有一个统一的调用地址,如果不是统一的一个,那就多声明几个模块如PAYMENT、PRODUCT
等来区分不同环境的不同后台接口
jenkins 配置
- 新建一个 构建一个自由风格的软件项目
- 配置》源码管理》Git(git 地址和 ssh 帐号密码、拉去代码的分支)
- 锁定编译环境 node 版本为 8.9.3 或者别的
- jenkins 前端的构建脚本
这个只是最简单的打包发送到对应的服务器,其实你在这个时候还可以做很多其他的事,如运行单元测试、sonar 平台质量检测、备份等等