1. npm安裝 scp2, ora(建議此版本^5.1.0，版本過(guò)高會(huì)報(bào)錯(cuò)), cross-env(已存在就不需要安裝)

2. package.json新增發(fā)布代碼命令

  "scripts": {
    "deploy": "vite build && cross-env NODE_ENV=production node ./deploy",
    // --mode test(為vue .env對(duì)用的環(huán)境)   cross-env NODE_ENV=test(打包部署時(shí)文件上傳的環(huán)境)
    "deploy:test": "vite build --mode test && cross-env NODE_ENV=test node ./deploy",
  },

3.新建根目錄新建deploy.js

const scpClient = require("scp2");
const ora = require("ora");
const chalk = require("chalk");
const spinner = ora("正在發(fā)布到服務(wù)器...");

const Client = require("ssh2").Client;
const conn = new Client();

// 默認(rèn)測(cè)試環(huán)境代碼地址
let path = "";


if (process.env.NODE_ENV == "test") {
    path = "/mnt/www/ysss/ysss-merchant-admin-ui/test";
    console.log("測(cè)試環(huán)境打包完成");
}
// 上傳代碼到正式環(huán)境
if (process.env.NODE_ENV == "production") {
    path = "mnt/www/ysss/ysss-merchant-admin-ui/prod";
    console.log("正式環(huán)境打包完成");
}

const server = {
    host: "", // 服務(wù)器的IP地址
    port: "22", // 服務(wù)器端口
    username: "root", // 用戶名
    password: "", // 密碼
    path: path, // 項(xiàng)目部署的服務(wù)器目標(biāo)位置
    command: "",
    // 若需要?jiǎng)h除服務(wù)器文件可使用下面代碼
    // command: 'rm -rf /mnt/www/ysss/ysss-merchant-admin-ui/test/*' // 刪除命令
};

if (path) {
    uploadFile();
}
function uploadFile() {
    conn.on("ready", () => {
        conn.exec(server.command, (err, stream) => {
            if (err) {
                throw err;
            }
            stream.on("close", () => {
                spinner.start();
                scpClient.scp(
                    "./dist/", // 本地項(xiàng)目打包文件的位置
                    {
                        host: server.host,
                        port: server.port,
                        username: server.username,
                        password: server.password,
                        path: server.path,
                    },
                    (err) => {
                        spinner.stop();
                        if (err) {
                            console.log(chalk.red("發(fā)布失敗!"));
                            throw err;
                        } else {
                            console.log(chalk.green("項(xiàng)目發(fā)布成功!"));
                        }
                    }
                );
                conn.end();
            }).on("data", (data) => {
                console.log("STDOUT: " + data);
            }).stderr.on("data", (data) => {
                console.log("STDERR: " + data);
            });
        });
    }).connect({
        host: server.host,
        port: server.port,
        username: server.username,
        password: server.password,
    });
}

4.終端執(zhí)行yarn deploy:test(或 node deploy:test)即可打包發(fā)布到服務(wù)器