一、安裝 scp2
|
1
|
npm install scp2 --save-dev |
二、寫好腳本
例如 upload.js （下面任選一個(gè)即可）
位置和 package.json平級即可。
簡略版
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
'use strict'// 引入scp2var client = require('scp2');client.scp('./dist/', { // 本地打包文件的位置 "host": 'XXX.XX.XX.XXX', // 服務(wù)器的IP地址 "port": 'XX', // 服務(wù)器端口， 一般為 22 "username": 'XXX', // 用戶名 "password": '*****', // 密碼 "path": 'XXX' // 項(xiàng)目部署的服務(wù)器目標(biāo)位置}, err =>{ if (!err) { console.log("項(xiàng)目發(fā)布完畢!") } else { console.log("err", err) }}) |
稍微美化下控制臺的輸出
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
'use strict'// 引入scp2var client = require('scp2');// 下面三個(gè)插件是部署的時(shí)候控制臺美化所用 可有可無const ora = require('ora');const chalk = require('chalk');const spinner = ora(chalk.green('正在發(fā)布到服務(wù)器...'));spinner.start();client.scp('./dist/', { // 本地打包文件的位置 "host": 'XXX.XX.XX.XXX', // 服務(wù)器的IP地址 "port": 'XX', // 服務(wù)器端口， 一般為 22 "username": 'XXX', // 用戶名 "password": '*****', // 密碼 "path": 'XXX' // 項(xiàng)目部署的服務(wù)器目標(biāo)位置}, err =>{ spinner.stop(); if (!err) { console.log(chalk.green("項(xiàng)目發(fā)布完畢!")) } else { console.log("err", err) }}) |
?記得項(xiàng)目git上傳時(shí)忽略此文件, 因?yàn)檫@里面包含了你的服務(wù)器地址、用戶以及密碼
三、在 package.json中添加 scripts 命令
|
1
2
|
"upload": "node upload.js","deploy": "npm run build && npm run upload" |
四、執(zhí)行腳本
|
1
|
npm run deploy |
運(yùn)行這個(gè)腳本命令之后，它會先npm run build執(zhí)行打包命令，然后，執(zhí)行node upload.js,將打包的文件上傳到服務(wù)器
到此這篇關(guān)于vue-cli3項(xiàng)目打包后自動化部署到服務(wù)器的方法的文章就介紹到這了,更多相關(guān)vue-cli3打包自動化部署到服務(wù)器內(nèi)容請搜索服務(wù)器之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持服務(wù)器之家！
原文鏈接：https://blog.csdn.net/assgrsryiy12/article/details/108407387
