前端轻量化部署脚手架,支持测试、线上等多环境部署,支持环境配置扩展,配置好后仅需一条命令即可完成整个部署流程。 该项目从 fe-deploy-cli 项目fock 而来 由于经常无法上传,所以把上传的改成用 scp
https://github.com/zbjcool/fe-deploy-cli
https://www.npmjs.com/package/gk-fe-deploy-cli
https://juejin.im/post/5e1bfbadf265da3e3077005e
目前还在采用手工部署又期望快速实现轻量化部署的小团队或者个人项目,毕竟像阿里这种大公司都有完善的前端部署平台。
https://github.com/zbjcool/gk-fe-deploy-cli/blob/master/README.md
能通过ssh连上服务器即可
全局安装gk-fe-deploy-cli
npm i gk-fe-deploy-cli -g
查看版本,表示安装成功。
deploy init
部署配置文件位于deploy文件夹下的deploy.config.js
,
一般包含dev
(测试环境)和prod
(线上环境)两个配置,再有多余的环境配置形式与之类似,只有一个环境的可以删除另一个多余的配置(比如只有prod
线上环境,请删除dev
测试环境配置)。
具体配置信息请参考配置文件注释:
module.exports = {
privateKey: '', // 本地私钥地址,位置一般在C:/Users/xxx/.ssh/id_rsa,非必填,有私钥则配置
passphrase: '', // 本地私钥密码,非必填,有私钥则配置
projectName: 'hivue', // 项目名称
dev: { // 测试环境
name: '测试环境',
script: "npm run build-dev", // 测试环境打包脚本
host: '10.240.176.99', // 开发服务器地址
port: 22, // ssh port,一般默认22
username: 'root', // 登录服务器用户名
password: '123456', // 登录服务器密码
distPath: 'dist', // 本地打包dist目录
webDir: '/var/www/html/dev/hivue', // // 测试环境服务器地址
},
prod: { // 线上环境
name: '线上环境',
script: "npm run build", // 线上环境打包脚本
host: '10.240.176.99', // 开发服务器地址
port: 22, // ssh port,一般默认22
username: 'root', // 登录服务器用户名
password: '123456', // 登录服务器密码
distPath: 'dist', // 本地打包dist目录
webDir: '/var/www/html/prod/hivue' // 线上环境web目录
}
// 再还有多余的环境按照这个格式写即可
}
配置好deploy.config.js
,运行
deploy --help
查看部署命令
测试环境部署采用的时dev
的配置
deploy dev
先有一个确认,确认后进入部署流程,完成6步操作后,部署成功!!!
线上环境部署采用的时prod
的配置
deploy prod
部署流程和测试环境相同:
感谢大家支持,欢迎star,O(∩_∩)O。