前端自动部署服务器

这个自动部署到服务器相当于后端的jenkins自动部署，减少了手动打包部署到服务器上的步骤，直接一行命令即可。这个操作无论是对于前端小白还是前端大佬都是一个很不错的选择，废话不多说，开干。

1、 全局安装插件

yarn global add deploy-cli-service -g

2、新建一个deploy.config.js 文件

/**
 * @description: 自动打包部署配置文件
 */
module.exports = {
    projectName: "填自己项目名称",
    readyTimeout: 20000,
    test: {
      name: "一个命名",
      script: "yarn run build",
      host: "服务器ip",
      port: 服务器端口,
      username: "用户名",
      password: "密码（这里可以不填，为了安全起见不建议在这里填，后续部署会让你输入的）",
      distPath: "build",
      webDir: "前端部署的路径/xx/xxx",
      bakDir: "前端部署的备份路径/xx/xxx",
      isRemoveRemoteFile: true,
      isRemoveLocalFile: false,
    },
  };
  

3、部署执行一下命令

yarn run deploy:test

注意：如果你是第一次操作，就按上面的顺序执行就好了，然后以后只需要执行部署的命令即可一条命令，执行这个命令他的流程是先自动打包，然后连接服务器，这个时候如果你配置文件没有配置密码就需要你手动输入密码，最后就是上传服务器和自动解压就完成一次部署了。