首页 >> js开发 >> jsvue-cli3项目打包后自动化部署到服务器的方法js大全
jsvue-cli3项目打包后自动化部署到服务器的方法js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
一、安装 scp2一、安装 scp2
npm install scp2 --save-dev
npm install scp2 --save-dev二、写好脚本
例如 upload.js (下面任选一个即可)
位置和 package.json平级即可。二、写好脚本简略版
'use strict'
// 引入scp2
var client = require('scp2');
client.scp('./dist/', { // 本地打包文件的位置
"host": 'XXX.XX.XX.XXX', // 服务器的IP地址
"port": 'XX',
// 服务器端口, 一般为 22
"username": 'XXX',
// 用户名
"password": '*****',
// 密码
"path": 'XXX'
// 项目部署的服务器目标位置
}, err =>{
if (!err) {
console.log("项目发布完毕!")
} else {
console.log("err", err)
}
})
'use strict'
// 引入scp2
var client = require('scp2');
client.scp('./dist/', { // 本地打包文件的位置
"host": 'XXX.XX.XX.XXX', // 服务器的IP地址
"port": 'XX',
// 服务器端口, 一般为 22
"username": 'XXX',
// 用户名
"password": '*****',
// 密码
"path": 'XXX'
// 项目部署的服务器目标位置
}, err =>{
if (!err) {
console.log("项目发布完毕!")
} else {
console.log("err", err)
}
})稍微美化下控制台的输出
'use strict'
// 引入scp2
var 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',
// 服务器端口, 一般为 22
"username": 'XXX',
// 用户名
"password": '*****',
// 密码
"path": 'XXX'
// 项目部署的服务器目标位置
}, err =>{
spinner.stop();
if (!err) {
console.log(chalk.green("项目发布完毕!"))
} else {
console.log("err", err)
}
})
'use strict'
// 引入scp2
var 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',
// 服务器端口, 一般为 22
"username": 'XXX',
// 用户名
"password": '*****',
// 密码
"path": 'XXX'
// 项目部署的服务器目标位置
}, err =>{
spinner.stop();
if (!err) {
console.log(chalk.green("项目发布完毕!"))
} else {
console.log("err", err)
}
})✨记得项目git上传时忽略此文件, 因为这里面包含了你的服务器地址、用户以及密码
三、在 package.json中添加 scripts 命令三、在 package.json中添加 scripts 命令
"upload": "node upload.js",
"deploy": "npm run build && npm run upload"
"upload": "node upload.js",
"deploy": "npm run build && npm run upload"四、执行脚本四、执行脚本
npm run deploy
npm run deploy运行这个脚本命令之后,它会先npm run build执行打包命令,然后,执行node upload.js,将打包的文件上传到服务器npm run buildnode upload.js
npm install scp2 --save-dev
npm install scp2 --save-dev二、写好脚本
例如 upload.js (下面任选一个即可)
位置和 package.json平级即可。二、写好脚本简略版
'use strict'
// 引入scp2
var client = require('scp2');
client.scp('./dist/', { // 本地打包文件的位置
"host": 'XXX.XX.XX.XXX', // 服务器的IP地址
"port": 'XX',
// 服务器端口, 一般为 22
"username": 'XXX',
// 用户名
"password": '*****',
// 密码
"path": 'XXX'
// 项目部署的服务器目标位置
}, err =>{
if (!err) {
console.log("项目发布完毕!")
} else {
console.log("err", err)
}
})
'use strict'
// 引入scp2
var client = require('scp2');
client.scp('./dist/', { // 本地打包文件的位置
"host": 'XXX.XX.XX.XXX', // 服务器的IP地址
"port": 'XX',
// 服务器端口, 一般为 22
"username": 'XXX',
// 用户名
"password": '*****',
// 密码
"path": 'XXX'
// 项目部署的服务器目标位置
}, err =>{
if (!err) {
console.log("项目发布完毕!")
} else {
console.log("err", err)
}
})稍微美化下控制台的输出
'use strict'
// 引入scp2
var 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',
// 服务器端口, 一般为 22
"username": 'XXX',
// 用户名
"password": '*****',
// 密码
"path": 'XXX'
// 项目部署的服务器目标位置
}, err =>{
spinner.stop();
if (!err) {
console.log(chalk.green("项目发布完毕!"))
} else {
console.log("err", err)
}
})
'use strict'
// 引入scp2
var 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',
// 服务器端口, 一般为 22
"username": 'XXX',
// 用户名
"password": '*****',
// 密码
"path": 'XXX'
// 项目部署的服务器目标位置
}, err =>{
spinner.stop();
if (!err) {
console.log(chalk.green("项目发布完毕!"))
} else {
console.log("err", err)
}
})✨记得项目git上传时忽略此文件, 因为这里面包含了你的服务器地址、用户以及密码
三、在 package.json中添加 scripts 命令三、在 package.json中添加 scripts 命令
"upload": "node upload.js",
"deploy": "npm run build && npm run upload"
"upload": "node upload.js",
"deploy": "npm run build && npm run upload"四、执行脚本四、执行脚本
npm run deploy
npm run deploy运行这个脚本命令之后,它会先npm run build执行打包命令,然后,执行node upload.js,将打包的文件上传到服务器npm run buildnode upload.js
相关文章:
- js如何利用JS将手机号中间四位变成*号js大全
- jsopenlayers4.6.5实现距离量测和面积量测js大全
- jsJSONObject与JSONArray使用方法解析js大全
- jsvue 验证两次输入的密码是否一致的方法示例js大全
- jsOpenlayers+EasyUI Tree动态实现图层控制js大全
- jsJS sort排序详细使用方法示例解析js大全
- jsvue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决js大全
- jsvue缓存之keep-alive的理解和应用详解js大全
- JavaScriptjs通过canvas生成图片缩略图
- jsVant Weapp组件踩坑:picker的初始赋值解决js大全