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

Question

问题描述

平时部署前端项目，都是手动在命令行里敲：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

Answer 1

上传的话可以用下gulp,package.json里面就先打包在上传，像这样npm run bulid && gulp cdn;

Answer 2

jenkins自动化部署了解下，你想要的功能它都有

Answer 3

这不是js的活了
自动化部署 Google一下