文件上传cdn服务器,一个命令完成[打包+同步七牛cdn+上传服务器]

webpack+gulp+qshell+npm-scripts实现一个命令完成[打包+同步cdn+上传服务器]

说明

由于我们用的七牛云存储，所以cdn也是走的七牛，所以并不适用于其他的cdn，但是思路可以借鉴

打包

打包目前我这边用的是webpack，网上已经有很多文章了，这里就不作过多阐述了，只是说一下publicPath这个参数，如果要做cdn同步肯定是要配置这个参数的，目前我是这样配置的：

http://youCdnPath/${process.env.npm_package_name}/

上面的process.env.npm_package_name就是你packge.json里面的name字段

上传资源到服务器

这块的实现我用的是gulp配合gulp-ssh来实现的，会先删除现有文件然后上传，不会由于文件指纹变动导致文件的堆积，然后所有的静态资源都走的cdn，所以，只上传了dist目录下不包括static目录的文件，具体配置如下：

/*

yarn add gulp gulp-ssh

*/

const gulp = require('gulp')

const GulpSSH = require('gulp-ssh')

// 需要上传到服务器的路径

const remotePath = '/home/wwwroot/default/hyan_weixin/public/pages/h5/2018/0125zaosangrenhe'

const config = {