VUE自动化部署

放弃npm run build,再压缩上传这种毫无效率的操作了。
使用scp2将build之后的文件上传到生产或测试环境。
此方案本质上就是就是ssh进入服务器,scp本地文件到服务器。嘻嘻
缺点很明显,不够安全,不能回滚版本
优点就是,很简便。自行判断哦
一、安装scp2

npm install scp2 --save-dev
#或
cnpm install scp2 --save-dev

二、写好测试环境和生产环境的脚本
例如测试环境 dev.js、生产环境pro.js 放项目根目录下

内容:dev.js

const client = require('scp2');
const ora = require('ora');
const chalk = require('chalk');
const spinner = ora(chalk.green('正在发布到测试服务器...'));
spinner.start();

client.scp('./dist/', {    // 本地打包文件的位置
  "host": 'XXX.XX.XX.XXX', // IP地址
  "port": 'XX',            // 服务器端口
  "username": 'XXX',       // 用户名
  "password": '*****',     // 密码
  "path": '/www/wwwroot/test'            // 项目路径
}, err =>{
  spinner.stop();
  if (!err) {
    console.log(chalk.green("测试服务器部署完毕。"))
  } else {
    console.log("err", err)
  }
})

内容:pro.js

const client = require('scp2');
const ora = require('ora');
const chalk = require('chalk');
const spinner = ora(chalk.green('正在发布到生产服务器...'));
spinner.start();

client.scp('./dist/', {    // 本地打包文件的位置
  "host": 'XXX.XX.XX.XXX', // IP地址
  "port": 'XX',            // 服务器端口
  "username": 'XXX',       // 用户名
  "password": '*****',     // 密码
  "path": '/www/wwwroot/pro'            // 项目路径
}, err =>{
  spinner.stop();
  if (!err) {
    console.log(chalk.green("生产服务器部署完毕。"))
  } else {
    console.log("err", err)
  }
})

三、在.gitignore中忽略node脚本
#不要把服务器的账号密码传到git上哦 乖
pro.js
dev.js
四、在package.json中添加脚本命令

"pro":"node pro.js",
"test":"node dev.js"

五、执行node脚本
npm run build
npm run test
先执行npm run build,再执行npm run test将打包的文件上传到服务器上,一旦build的文件有问题还来得及反悔哦。如果想一步到位,请看第六步

五、一步到位版本

"pro":"node pro.js",
"test":"node dev.js",
"upro":"npm run build && npm run pro",
"utest":"npm run build && npm run test"

例如执行 npm run upro 这个命令之后,它会先npm run build执行打包命令,然后,执行node pro.js,将打包的文件上传到生产服务器上

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值