Как отправить сайт по ftp при помощи Gulp?

Question

[cvbcvb cvbcvbcvbcvb]

Подскажите, как отправить сайт на хостинг (hostinger) через ФТП при помощи Галп. Что писать в настройках плагина gulp-ftp. Спасибо

Comments

[Александр Зонов]

Можно спросить, а зачем вам это? Я тоже шел этим путем, но из-за сопутствующих граблей отказался? Вы так часто гоняете файлы на хостинг или тут принципиальное желание автоматизировать?

Answer 1

[Илья Андриенко]

Тут всё написано: https://www.npmjs.com/package/gulp-ftp

Comments

[cvbcvb cvbcvbcvbcvb]

что такое gulp-util? и что делает этот пайп? .pipe(gutil.noop());

[Илья Андриенко]

sudden_man: библиотека, которую использует этот плагин. gulp-util: https://www.npmjs.com/package/gulp-util

[Илья Андриенко]

sudden_man: gutil.noop() не делает ничего :) Пускает данные в следующий пайп.

[cvbcvb cvbcvbcvbcvb]

Илья Андриенко: мне тогда в gulpfile.js два таска делать? один для утил, другой для фтп? и где таск для утил?

[Илья Андриенко]

sudden_man: мне кажется логичным сделать два таска, один для сборки (например, назовём его assemble) и другой для заливки (назовём его upload).

И сделать таск-обертку gulp.task('default', ['assemble','upload']);

[cvbcvb cvbcvbcvbcvb]

Илья Андриенко: ну для сборки у меня есть уже. вот ону меня собрал в папку dist. теперь мне просто нужно эту папку отправить на хостинг. вот как мне это сделать через галп-фтп

[cvbcvb cvbcvbcvbcvb]

Илья Андриенко: вот мой галпфайл

var gulp = require('gulp'),
wiredep = require('wiredep').stream,
useref = require('gulp-useref'),
gulpif = require('gulp-if'),
uglify = require('gulp-uglify'),
minifyCss = require('gulp-minify-css'),
livereload = require('gulp-livereload'),
connect = require('gulp-connect'),
clean = require('gulp-clean'),
gutil = require('gulp-util'),
ftp = require('gulp-ftp');

//ОТПРАВКА НА СЕРВЕР
gulp.task('ftp', function () {
return gulp.src('dist')
.pipe(ftp({
host: 'ftp.front-end-ponomarenko.hol.es',
user: 'u803786953.pp',
pass: '****'
}))
.pipe(gutil.noop());
});

//CLEAN
gulp.task('clean', function () {
return gulp.src('dist', {read: false})
.pipe(clean());
});

//ЛОКАЛЬНЫЙ СЕРВЕР
gulp.task('connect', function() {
connect.server({
root: 'app',
livereload: true
});
});

//BUILD
gulp.task('build', ['clean'],function () {
var assets = useref.assets();

return gulp.src('app/*.html')
.pipe(assets)
.pipe(gulpif('*.js', uglify()))
.pipe(gulpif('*.css', minifyCss()))
.pipe(assets.restore())
.pipe(useref())
.pipe(gulp.dest('dist'));
});

//BOWER
gulp.task('bower', function () {
gulp.src('./app/index.html')
.pipe(wiredep({
directory : "app/bower_components"
}))
.pipe(gulp.dest('./app'));
});

[cvbcvb cvbcvbcvbcvb]

Илья Андриенко: и вот что мне сделать чтоб отправляло?

[Илья Андриенко]

sudden_man: наприсать в коммандную строку "gulp ftp", дабы запустить таск ftp?)

[cvbcvb cvbcvbcvbcvb]

Илья Андриенко: я не совсем тупой) ошибку выдает в консоли. Не может найти модуль галп-утил

[Илья Андриенко]

sudden_man: а вы его установили? npm install gulp-util

[cvbcvb cvbcvbcvbcvb]

Илья Андриенко: блин...нет походу...спасибо) с ключом --save-dev же устанавливать?

[Илья Андриенко]

sudden_man: это уже вам виднее, --save или --save-dev.

--save пишут чтобы установленные модули сохранились в конфиге npm. Чтобы не коммитить папку с npm-модулями в репозиторий, а коммитить только конфиг npm. И чтобы потом, при чекауте из репозитория, ваш коллега смог написать "npm install" вместо "npm install gulp gulp-util gulp-ftp ..." ;-)

--save-dev нужен если у вас две конфигурации - для сборки под дев и сборки под продакшен. Вряд ли у вас так, поэтому пишите просто --save ;-)