Ответы пользователя по тегу Gulp.js
  • Gulp deploy ftp без src директории?

    sosnovskyas
    @sosnovskyas
    как насчёт в переменной которую ты используешь для того чтоб определить какие файлы ты отправляешь на сервер написать и исключение
    например
    !./src
    ну или как у тебя в проекте, вобщем правильный путь который ты хочешь исключить и перед ним восклецательный знак(!)
    Ответ написан
    Комментировать
  • Что использовать в своем Front-End workflow?

    sosnovskyas
    @sosnovskyas
    я коноечно ещё только начинаю свой путь разработчика но уже потихоньку прихожу к приглянувшемуся мне workflow
    - npm (элементарно устанавливать gulp и есго можули с прочими зависимостями)
    - gulp (и грядка модулей для сборки - run-sequence, del, gulp-sourcemaps, gulp-autoprefixer, gulp-concat, browser-sync, gulp-uncss, gulp-changed, gulp-imagemin, gulp-jscs ...... etc)
    - jade как html template engine
    - в плане CSS препроцессором не определился ещё но Stylus вроде подаёт надежды на светлое будущее ну и SCSS (SASS) поскольку многие используют
    - в плане JS пока чистый стараюсь пользовать чтоб матчасть познать, но не брезгую применением jQuery, AngularJS и прочими свистелками и перделками )))
    - в качестве IDE пользую WebStorm

    на данном этапе развития фронтэнд девелопера мне кажется это вполне разумным набором
    Ответ написан
    Комментировать
  • Как не прописывать gulp install каждый раз?

    sosnovskyas
    @sosnovskyas
    YO или yoman. много где используется и имеет уже много готовых шаблонов и в конце концов можете свой сделать или подправить существующий. Сделай горсть шаблонов для типовых проектов и вперёд
    Ответ написан
    Комментировать
  • Как с помощью Gulp сделать Livereload серверной и клиентской части одновременно?

    sosnovskyas
    @sosnovskyas
    например так
    var gulp = require("gulp");
    var connect = require("gulp-connect");
    var opn = require("opn");
    var jade = require('gulp-jade');
    
    //запускаем локальный сервер
    gulp.task('connect', function() {
        connect.server({
            root: 'app',
            livereload: true,
            port: 8888
        });
        opn('http://localhost:8888');
    });
    
    //работа с HTML
    gulp.task('html', function () {
        gulp.src('./app/*.html')
            .pipe(connect.reload());
    });
    
    //работа с CSS
    gulp.task('css', function () {
        gulp.src('./app/css/*.css')
            .pipe(connect.reload());
    });
    
    //работа с JS
    gulp.task('js', function () {
        gulp.src('./app/js/*.js')
            .pipe(connect.reload());
    });
    
    // работа с шаблонами JADE
    gulp.task('jade', function() {
        var YOUR_LOCALS = {};
    
        gulp.src('./app/jade/index.jade')
            .pipe(jade({
                locals: YOUR_LOCALS,
                // красивый (не ужатый) вывод
                pretty: true
            }))
            .pipe(gulp.dest('./app/'))
    });
    
    
    //WATCHER
    gulp.task('watch', function () {
        gulp.watch(['./app/*.html'], ['html']);
        gulp.watch(['./app/css/*.css'], ['css']);
        gulp.watch(['./app/js/*.js'], ['js']);
        gulp.watch(['./app/jade/*.jade'], ['jade']);
    });
    
    //DEFAULT
    gulp.task('default', ['connect', 'watch']);
    Ответ написан
    5 комментариев