2024/01/16 修改:
新版本1.0.8已发布,解决了macos系统路径异常导致找不到envConfig.js文件的问题
2023/11/09 修改:
npm包上传完成,可以通过仓库地址查看ahd-deploy - npm (npmjs.com)
给大家介绍一个非常好用的前端自动化部署插件
ahd-deploy,好吧 我承认这个插件是我写的。哈哈哈
本人前端大白,两年多前端经验,插件的代码也很简单,感兴趣的童鞋可以去参考一下源代码,看一下代码是如何运行的。大佬可以绕过~
插件产生背景:
我之前一直在使用前辈写的自动化发布插件(deploy-cli-server) 在之前的文章我也有些过,感兴趣可以去点击看一下。
但是,我的开发环境是内网开发,不能使用网络安装解压缩,导致我的项目无法正常部署到服务器,为了能解决这种尴尬的情况,ahd-deploy就诞生了
优点:
不需要再服务器上下载任何东西就可以直接使用
只需在本地项目配置一次环境,终身使用
npm地址:ahd-deploy - npm (npmjs.com)
使用方法: 就4步
下载依赖
建议1.0.6,当前文档介绍1.0.6版本,后期迭代请移步NPM文档
npm i ahd-deploy@1.0.6 --save
配置本地环境
在 根文件夹 创建一个名为 “envConfig.js” 的文件,内容为
exports.envSetting = [
{
envName: '测试环境',
maxBuffer: 5000 * 1024,
buildCommand: 'npm run build',//打包命令
buildFileName: 'dist',//打包之后的文件夹名称
remoteFileRoot: '/remote/show/wms/',//远程文件根目录 地址栏地址
remoteFileName: 'wms-ui',//远程文件夹名称
backFileRoot: '/remote/show/wms-backup/',//远程备份文件根目录 地址栏地址
configServer: {
host: '12.222.34.53',//登录地址
username: 'root',//用户名
port: 22,//端口
password: 'root',//登录密码
privateKeyPath: '/home/steel/.ssh/id_rsa'
}
},
{
envName: '正式环境',
maxBuffer: 5000 * 1024,
buildCommand: 'npm run build',//打包命令
buildFileName: 'dist',//打包之后的文件夹名称
remoteFileRoot: '/remote/show/wms/',//远程文件根目录 地址栏地址
remoteFileName: 'wms-ui',//远程文件夹名称
backFileRoot: '/remote/show/wms-backup/',//远程备份文件根目录 地址栏地址
configServer: {
host: '12.222.34.53',//登录地址
username: 'root',//用户名
port: 22,//端口
password: 'root',//登录密码
privateKeyPath: '/home/steel/.ssh/id_rsa'
}
}
]
添加脚本(在package.json 的 script 中添加)
"deploy": "node ./node_modules/ahd-deploy",
最后运行 npm run deploy 执行部署
npm run deploy
图片演示
下载依赖
配置环境
添加脚本
部署项目
有问题的小伙伴可以留言,或者去我的主页查看联系方式,欢迎讨论和指点插件的不足之处。