Ответы пользователя по тегу Gulp.js
  • Как взять только те файлы которые начинаются с приставки gb?

    sharnirio
    @sharnirio
    Front-end developer
    Была похожая задача только для картинок.
    Попробуйте так:
    gulp.task('inlinesource', function () {
    return gulp.src('./app/modules/**/gb*.+(html)') - здесь нужно выбрать только те файлы имя которых начинается с gb. Например gb-info.html
    .pipe(inlinesource())
    .pipe(gulp.dest('./dist/'));
    })
    Ответ написан
    Комментировать
  • Как объединить css правила для одинакового класса html?

    sharnirio
    @sharnirio
    Front-end developer
    пробуй gulp-csso там есть такое, разве что как минус этого плагина нет возможности отменить минификацию файла (по крайней мере я не нашел такой опции) и если надо получать не минифицированный файл, придется еще дополнительный плагины подключать для выравнивания и тд.
    Ответ написан
  • Можно ли верстать сайты без gulp?

    sharnirio
    @sharnirio
    Front-end developer
    На новой работе порою стала заходить чистая верстка на доработку без сборщика, было не очень (если уж честно, то совсем) удобно после пары лет работ с gulp grunt. Так что через пару таких проектов понял что нужен хотя бы необходимый минимум для таких работ, а именно:
    1) сервер для статики что б вручную не обновлять
    -установить browser-sync (https://browsersync.io/) глобально для запуска сервера, ввести в командной строке - 'npm install -g browser-sync'
    - в дальнейшем запуск сервера (вводить команду в корне проекта) осуществляется командой - ' browser-sync start --server --files "./**/*.+(css|html|js)" --directory "/" --no-notify '
    2) Препроцессоры в моем случае scss (просто переименовываю основной файл стилей скажем style.css в style.scss и работаю с последним)
    -для компиляции с scss в css можете использовать удобный для вас способ, я компилирую через командную строку, для этого использую глобально установленный ruby-sass (https://sass-lang.com/ruby-sass) команда (gem install sass) нужен установленный ruby и ставлю watcher и компиляцию файлов командой "sass --no-cache --sourcemap=none --watch style.scss:style.css --style expanded"
    3) для основных команд создать bash алиасы на быстрый вызов команды
    ps. так что можно и без gulp в принципе, но хотя бы 2 первых пункта нужно использовать в любом случае.
    Ответ написан
    Комментировать
  • Как переносить gulp в разные проекты?

    sharnirio
    @sharnirio
    Front-end developer
    Держать последнюю версию gulp шаблона в git репозитории и для нового проекта клонировать с него, для автоматизации рутинных действий для разворачивания нового проекта использовать bash скрипт, подробнее можно посмотреть тут.
    Ответ написан
    Комментировать
  • Fille gulp include как решить проблему с пустыми строками и переносами в собраном html?

    sharnirio
    @sharnirio
    Front-end developer
    была похожая задача только с gulp-rigger, решил с помощью gulp-html-beautify с указанием таких опций
    //----------#OPTIONS WITH HTMLBEAUTIFY PLUGIN
    //all options https://www.npmjs.com/package/gulp-html-beautify
    var options = {
    	//отступу табами
    	"indent_with_tabs": true,
    	//максимальное число новых строк
    	"max_preserve_newlines": 0,
    };
    Ответ написан
    Комментировать
  • Как правильно в файле gulpfile.js вынести таск что б он выполнялся после основных задач?

    sharnirio
    @sharnirio Автор вопроса
    Front-end developer
    Про бывал как плагин run-sequence так и как запуск задачи после основного таска по типу
    gulp.task('allftp', ['css:buildProd'], function(callback) {
    gulp.start('ftp');
    });
    как результат - таски судя по консоли выполняются в правильной последовательности, но стили в итоге деплоятся все равно старые(по крайней мере в первый раз, во второй уже деплоются с изменениями), то есть все равно приходиться перезапускать задачу во второй раз.
    Так что вопрос все еще актуален )

    Пока решил ручным выставлением задержки -
    gulp.task('ftp', ['css:buildProd'], function (cb) {
    setTimeout(function () {
    gulp.start('ftp-task')
    cb();
    }, 5000);
    });
    Ответ написан
    Комментировать
  • Как правильно скрыть доступы при использовании плагина vinyl-ftp?

    sharnirio
    @sharnirio Автор вопроса
    Front-end developer
    спасибо - это понятно) неправильно сформулировал - как правильно создать конфиг с доступами на ftp и подключить его к gulpfile.js ! просто я это вижу так - создать файл pass.js в котором и будут эти переменные, но как его подключить к gulpfile.js нигде не могу отыскать рабочего решения.
    Ответ написан