vue项目如何上传服务器,vue项目如何通过脚本自动打包上传服务器

问题描述

平时部署前端项目，都是手动在命令行里敲：npm run build

build完成再手动 scp 输入服务器地址，目录，密码上传到服务器上

很是麻烦

可不可以写个脚本什么，只需输入一个命令，就能完成上述动作

PS:项目多是vue-cli webpack模版搭建的

已搜到方法 谢谢各位

这是我找到的方案：

《简单配置前端工程实现文件打包好后自动上传至服务器》

文中使用的gulp-sftp我没用过，不知道是哪里没有配置，我一般都用scp上传，所以换成了gulp-scp2，除了gulp配置文件略有变动，其他一样，贴下配置：

const gulp = require('gulp')

const scp = require('gulp-scp2')

gulp.task('default', () => {

console.log('打包完成，正在上传到服务器')

return gulp.src('./dist/**/*')

.pipe(scp({

host: 'hostname',

username: 'username',

password: 'password',

dest: '/home/admin/',

watch: function(client) {

client.on('write', function(o) {

console.log('write %s', o.destination);

});

}

}))

.on('error', (err) => {

console.log(err)

})

.on('end', () => {

console.log('上传完成')

})

})

亲测有效，gulp好感upupup