前端小菜鸡一枚，总结项目中发现的小技巧，有什么不对和错误希望各位指出和补充，谢谢大家观看！
·························································································································
最近项目中，要求用ftp协议直接将打包后部署到服务器，于是查了查资料，发现使用npm中vinyl-ftp模块很方便，模块文档 vinyl-ftp模块介绍
话不多说，我们上代码
#!/usr/bin/env node
var fs = require('fs'); // 引入需要模块
var vinylFs = require( 'vinyl-fs' );
var ftp = require( 'vinyl-ftp' );
var vueConfig= require('../vue.config') //这里是为了抓取打包文件名称
var env = process.argv[2]?process.argv[2].replace('--', "").toLowerCase():null; //抓取命令行的环境变量
var envHot = process.argv[3]?process.argv[3].replace('--', "").toLowerCase():null;
// 需要了解process.argv的文章末尾有链接
var deployInfo={ //这是是判断身测试环境还是生产环境
staging:{
"ftpDir":vueConfig.publicPath.substring(0, vueConfig.publicPath.lastIndexOf('/')), // 抓取的打包文件夹名字
"ftpAd": "***.**.***.**", //服务器ip
"user": "admin", //ftp账号
"password": "123456" // 密码
},
production:{
"ftpDir": vueConfig.publicPath.substring(0, vueConfig.publicPath.lastIndexOf('/')),
"ftpAd": "***.**.***.**", //服务器ip
"user": "admin", //ftp账号
"password": "123456" // 密码
}
}
var deployConfig=null
switch(env) // 判断抓取的字段
{
case 'stag':
deployConfig=deployInfo.staging;
break;
case 'pro':
deployConfig=deployInfo.production;
break;
}
var conn = new ftp( { // 创建实例
host: deployConfig.ftpAd,
user: deployConfig.user,
password: deployConfig.password,
parallel: 3, // 并行传输数，默认为3
idleTimeout:500, // 保持空闲FTP连接的时间（毫秒），默认值为100
log:console.log // 日志功能，默认为null
} );
switch(envHot) { // 看看有没有清除指令，便于执行不同的命令
case "clean":
deployClean();
break;
default:
deploy();
}
function deployClean()
{
conn.rmdir( deployConfig.ftpDir,function(){
console.log(deployConfig.ftpAd+" "+deployConfig.ftpDir+" deploy clean done!");
});
}
function deploy()
{
if(fs.existsSync("./dist")) // 抓取 打包dist文件
{
vinylFs.src( ["./dist/**"], { buffer: false } )
.pipe(conn.dest( deployConfig.ftpDir))
.on('end', function(){ console.log(deployConfig.ftpDir+' project dist folder deploy end'); });
}else
{
console.log("本地需部署文件夹 "+deployConfig.localDir+" 不存在");
}
}
至此代码基本完成，然后在package.json 的文件中，scripts下加入
"deploy": "node ./extra_scripts/deploy.js --pro" //我的deploy.js放置目录，--后面是环境变量
执行 npm run build 后继续执行 npm run deploy 即可发布~
有什么不对缺少的地方欢迎指出和补充，一起继续学习~~
