前端开发打包好后,需要从本地上传页面静态资源到服务器 ,在项目根目录下新增build文件夹,添加upload.js文件(要安装chalk、scp2组件):
// upload.js
const chalk = require('chalk')
const scp2 = require('scp2')
const fs = require('fs')
const args = process.argv
const username = '服务器登陆用户'
const password = '服务器登陆密码'
const uploadDir = './dist'
let path = `上传到指定服务器目录`// 例如:/nginx/html/app
let host = `服务器IP地址`
console.log(chalk.yellow(`remote server : ${host}`))
console.log(chalk.yellow(`please wait, uploading...`))
scp2.scp(
uploadDir,
{
host: host,
port: 22,
username,
password,
path: path
},
function(err) {
if (err) {
console.log(chalk.red('upload fail'))
console.log(err)
} else {
console.log(chalk.green('upload success'))
}
}
)
在package.json中新增scripts命令:
// package.json
{
"scripts": {
"upload": "node build/upload.js"
}
}
在npm run build构建完应用后通过执行以下命令上传服务器:
npm run upload