vue 打包后自动部署js到nginx

• 服务器运行完build之后该怎么办呢，很多时候打包出的dist文件不直接运用在nginx配置的项目目录的。那么我们需要将dist转移到我们的nginx所需要的目录

• 首先我们定义一些函数来复制文件，判断文件是否存在

var stat=fs.stat;
// copy函数
var copy=function(src,dst){
    fs.readdir(src,function(err,paths){
        console.log(paths)
        if(err){
            throw err;
        }
        paths.forEach(function(path){
            var _src=src+'/'+path;
            var _dst=dst+'/'+path;
            var readable;
            var writable;
            stat(_src,function(err,st){
                if(err){
                    throw err;
                }
                
                if(st.isFile()){
                    readable=fs.createReadStream(_src);//创建读取流
                    writable=fs.createWriteStream(_dst);//创建写入流
                    readable.pipe(writable);
                }else if(st.isDirectory()){
                    exists(_src,_dst,copy);
                }
            });
        });
    });
}
// 判断文件夹是否存在函数
var exists=function(src,dst,callback){
    //测试某个路径下文件是否存在
    fs.exists(dst,function(exists){
        if(exists){//不存在
            callback(src,dst);
        }else{//存在
            fs.mkdir(dst,function(){//创建目录
                callback(src,dst)
            })
        }
    })
}
// 我们的./dist就是当前项目打包出来的文件,希望将dist里的包转移到nginx需要的目录中，也就是/usr/local/var/www/mainpage
exists('./dist','/usr/local/var/www/mainpage',copy)

• 那么我们在我们的package.json的build中添加此命令即可一步搞定编译部署！！！