// deploy.js
/**
* 部署之前请检查好要部署的路径
* 如有多个环境,自行拓展
*/
const gulp = require("gulp")
const sftp = require("gulp-sftp-up5")
const sftpConfig = {
// 此处的key对应着package.json中脚本的 APP_ENV
test: {
remotePath: "", // 部署到服务器的路径
host: "", // 服务器地址
user: "", // 帐号
pass: "", // 密码
port: , // 端口
removeCurrentFolderFiles: true, // 该属性可删除 remotePath 下的所有文件/文件夹
}
}
// 采用管道流的方式将 outputDir 中的文件上传到远端
gulp.src("./dist" + "/**").pipe(sftp(sftpConfig[process.env.APP_ENV]))
package.json
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build --mode test && node ./deploy.js",
"lint": "vue-cli-service lint"
}
本文介绍了一种利用Gulp自动化工具进行Vue应用程序部署的方法。通过配置sftp连接信息,可以将打包后的dist目录文件自动上传至服务器指定路径,简化了部署流程。

441

被折叠的 条评论
为什么被折叠?



