VUE自动化部署, 执行打包命令后，自动将包上传到服务器

VUE自动化部署, 执行打包命令后，自动将包上传到服务器

原文链接: https://segmentfault.com/a/1190000021339708

放弃npm run build，再压缩上传这种毫无效率的操作了。
使用scp2将build之后的文件上传到生产或测试环境。
此方案本质上就是就是ssh进入服务器，scp本地文件到服务器。

• 缺点
  • 很明显，不够安全，不能回滚版本
• 优点
• 就是，很简便。自行判断哦

一、安装scp2

npm 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,将打包的文件上传到生产服务器上