Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 乙烯基FTP,可用于大容量配置_Node.js_Joomla_Gulp_Development Environment_Vinyl Ftp - Fatal编程技术网

Node.js 乙烯基FTP,可用于大容量配置

Node.js 乙烯基FTP,可用于大容量配置,node.js,joomla,gulp,development-environment,vinyl-ftp,Node.js,Joomla,Gulp,Development Environment,Vinyl Ftp,我使用Gulp在文件保存时从LESS-CSS生成CSS。我希望css文件立即上传到服务器,所以我正在尝试使用乙烯基FTP。我是NPM/NodeJS/Gulp/JavaScript的新手,所以我需要一些帮助 在我的gulpfile.js中,我包含了以下代码(当然隐藏了主机、用户和密码): 我希望每次点击“保存”时上传bootstrap.min.css文件。该文件位于相对于我的gulp目录的。/site/templates/templatename/css/bootstrap.min.css。我想把

我使用Gulp在文件保存时从LESS-CSS生成CSS。我希望css文件立即上传到服务器,所以我正在尝试使用乙烯基FTP。我是NPM/NodeJS/Gulp/JavaScript的新手,所以我需要一些帮助

在我的gulpfile.js中,我包含了以下代码(当然隐藏了主机、用户和密码):

我希望每次点击“保存”时上传bootstrap.min.css文件。该文件位于相对于我的gulp目录的
。/site/templates/templatename/css/bootstrap.min.css
。我想把它上传到我的开发站点,该站点位于服务器上的
/public\u html/dev2/templates/templatename/css
(是的,这是Joomla)

很明显,我走错了路,因为这就是它产生的结果:

    [14:44:21] Using gulpfile /mnt/e/Sites/successfulspeakernow.com/gulp/gulpfile.js
[14:44:21] Starting 'less'...
[14:44:21] Finished 'less' after 20 ms
[14:44:21] Starting 'watch'...
[14:44:21] Finished 'watch' after 267 ms
[14:44:21] Starting 'deploy'...
[14:44:21] CONN 
[14:44:23] READY
[14:44:23] MLSD  /public_html/dev2/templates/templatename/site/templates/templatename/css
[14:44:23] MLSD  /public_html/dev2/templates/templatename/site/templates/templatename
[14:44:23] MLSD  /public_html/dev2/templates/templatename/site/templates
[14:44:23] MLSD  /public_html/dev2/templates/templatename/site
[14:44:23] MLSD  /public_html/dev2/templates/templatename
[14:44:23] MLSD  /public_html/dev2/templates
[14:44:23] MKDIR /public_html/dev2/templates/templatename/site
[14:44:23] MKDIR /public_html/dev2/templates/templatename/site/templates
[14:44:23] MKDIR /public_html/dev2/templates/templatename/site/templates/templatename
[14:44:23] MKDIR /public_html/dev2/templates/templatename/site/templates/templatename/css
[14:44:23] PUT   /public_html/dev2/templates/templatename/site/templates/templatename/css/bootstrap.min.css
[14:44:23] UP     37% /public_html/dev2/templates/templatename/site/templates/templatename/css/bootstrap.min.css
[14:44:23] UP     74% /public_html/dev2/templates/templatename/site/templates/templatename/css/bootstrap.min.css
[14:44:23] UP    100% /public_html/dev2/templates/templatename/site/templates/templatename/css/bootstrap.min.css
[14:44:23] Finished 'deploy' after 1.86 s
[14:44:23] Starting 'default'...
[14:44:23] Finished 'default' after 8.9 μs
[14:44:23] DISC 
当我用我的FTP程序去那里时,我发现:

/public_html/dev2/templates/templatename/site/templates/templatename/css/bootstrap.min.css
您能解释一下如何调整以将bootstrap.min.css文件上载到服务器上的正确目录吗

Thanx


汤姆,我也有同样的问题。乙烯基FTP在目标文件夹中创建源文件夹结构。为了避免这个问题,只需将目的地更改为Web服务器的根目录。 我的代码有点不同,但它显示了问题所在

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

/** Configuration **/
var user = 'username';
var password = 'password';
var host = 'hostname';  
var port = 21;  
var localFilesGlob = ['public_html/templates/protostar/css/template.css'];  
var remoteFolder = ''; // <- HERE MUST BE AN EMPTY STRING TO POINT THE VINYLFTP TO ROOT


function getFtpConnection() {  
    return ftp.create({
        host: host,
        port: port,
        user: user,
        password: password,
        parallel: 5,
        log: gutil.log
    });
}

gulp.task('ftp-deploy', function() {

    var conn = getFtpConnection();

    return gulp.src(localFilesGlob, { base: '.', buffer: false })
        .pipe( conn.newer( remoteFolder ) ) // only upload newer files 
        .pipe( conn.dest( remoteFolder ) )
    ;
});
var gulp=require('gulp');
var gutil=require('gulp util');
var ftp=要求(‘乙烯基ftp’);
/**配置**/
var user='username';
var password='password';
var host='hostname';
var端口=21;
var localFilesGlob=['public_html/templates/protostar/css/template.css'];

var remoteFolder='';//Thanx@dluzhnevsky我最后做的是将bootstrap.min.css文件放在gulp目录中,然后更改如下代码:
var globs=['../css/bootstrap.min.css']。。。return gulp.src(globs,{base:'',buffer:false}).pipe(conn.newer('/public_html/dev2/templates/templatename/css/')//仅上载较新的文件.pipe(conn.dest('/public_html/dev2/templates/templatename/css/)恐怕Stackoverflow不允许我在5分钟后编辑评论。。。现在又是这样了:Thanx@dluzhnevsky我最后做的是将bootstrap.min.css文件放在gulp目录中,然后像这样更改代码:
var globs=['../css/bootstrap.min.css']。。。返回gulp.src(globs,{base:'',buffer:false}).pipe(conn.newer('/public_html/dev2/templates/templatename/css/')).pipe(conn.dest('/public_html/dev2/templates/templatename/css/')我担心stackoverflow上的注释格式不是很好。。。。干杯,汤姆
var gulp = require('gulp');
var gutil = require( 'gulp-util' );
var ftp = require( 'vinyl-ftp' );

/** Configuration **/
var user = 'username';
var password = 'password';
var host = 'hostname';  
var port = 21;  
var localFilesGlob = ['public_html/templates/protostar/css/template.css'];  
var remoteFolder = ''; // <- HERE MUST BE AN EMPTY STRING TO POINT THE VINYLFTP TO ROOT


function getFtpConnection() {  
    return ftp.create({
        host: host,
        port: port,
        user: user,
        password: password,
        parallel: 5,
        log: gutil.log
    });
}

gulp.task('ftp-deploy', function() {

    var conn = getFtpConnection();

    return gulp.src(localFilesGlob, { base: '.', buffer: false })
        .pipe( conn.newer( remoteFolder ) ) // only upload newer files 
        .pipe( conn.dest( remoteFolder ) )
    ;
});