js 直接上传打包的文件到服务器

前端代码部署时，需要上传到服务器的文件夹，通常前端人员会打包后将dist.zip通过Ftp软件发送到服务器，虽然也不算麻烦，但是还可以更简单，就是前端在打包后，执行脚本，直接上传到服务器。

upload.js：

'use strict'
// 下面三个插件是部署的时候控制台美化所用 可有可无，需要提前安装
// npm i ora
// npm i chalk
// npm i scp2
// 引入scp2
var client = require('scp2');
const ora = require('ora');
const chalk = require('chalk');
const spinner = ora(chalk.green('正在发布到测试服务器...'));
spinner.start();

client.scp('./dist/', {
    
         // 本地打包文件的位置
  "host": '', 				// 服务器的IP地址
  "port": '',            	// 服务器端口
  "username": '',       	// 用户名
  "password": '',     		// 密码
  "path": '/usr/...'
}, err =>{
    
    
  spinner.stop();
  if (!err) {
    
    
    console.log(chalk.green("项目发布完毕!"))
  } else {
    
    
    console.log("err", err)
  }
})

在package.json中配置

"scripts": {
    
    
	"build:prod": "vue-cli-service build",
    "upload": "node upload.js"
  },

准备工作已经完成，上传需要两步，打包和上传，下面开始上传，在终端执行如下两条命令，也可以用yarn、pnpm、cnpm等：

1. npm run build:prod
2. npm run upload

上传完成

PS：如果不打包，之前打包过，那么上传到服务器的是旧代码，不是最新的。