使用vinyl-ftp和Gulp将文件夹/文件上传到服务器时遇到问题答案

【问题标题】：Trouble uploading folder/files to a server using vinyl-ftp and Gulp使用vinyl-ftp和Gulp将文件夹/文件上传到服务器时遇到问题
【发布时间】：2015-12-30 00:38:01
【问题描述】：

我有两个变量。

var files = 'dist/**';
var destination = '/public_html/projects/test';

使用 Gulp，我的任务在生产就绪时将文件添加到 dist 文件夹。

然后使用vinyl-ftp，一个npm包，我将files变量上传到服务器上的destination。

我的问题是当文件上传时，我的 dist 文件夹也被上传了。然后路径在我的索引中看起来像这样：public_html/projects/test/dist/index.html。

然后我的问题是我如何只获取dist 的内容然后将它们上传到服务器？

【问题讨论】：

标签： ftp gulp

【解决方案1】：

您需要将 gulp.src 基本路径设置为本地“dist”子文件夹。例如

gulp
 .src('dist/**', {base: 'dist/'})
 .pipe(...)

【讨论】：

【解决方案2】：

在我的情况下，user15895 给出的解决方案工作正常，谢谢！！！但我需要做一个简单的调整。

var  ftp  = require('vinyl-ftp'),
gutil = require('gulp-util');

//Here in my gulp deploy task .. 
var ftpConnection = ftp.create({
  host     : "ftp.xxx.com",
  user     : "xxx",
  password : "xxx",
  parallel : 10,
  log      : gutil.log
});

var globs = [ './build/**'];

return gulp.src( globs, {base : './build' , buffer : false })
      .pipe( ftpConnection.newer('/public_html'))
      .pipe( ftpConnection.dest('/public_html'))

【讨论】：