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

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    «Правильные» методы заливки на сервер — непрерывная интеграция\доставка (CI\CD).

    Край — ручками\скриптами доставать в режиме чтения из репок.
    Ответ написан
    Комментировать
  • Ошибка gulp. Did you forget to signal async competition?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Когда ты создаешь таск, то в нем надо либо возвращать через return финал выполнения, либо через вызов передаваемой функции. У тебя в таске browserSync, к примеру, есть передаваемая функция done, но ты не возвращаешь ни ее, ни return результат выполнения.

    Это первое, что я увидел, может и еще есть такие ошибки. Чтобы их не было — читай документацию gulp.
    Ответ написан
  • Что делает эта строка в NPM?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Ставь WSL2 и радуйся жизни. В нем как раз недавно пофиксили работу с папками Windows (этой проблемы не было в первой части).

    Оболочка встроена в винду и запускается под PowerShell (открываешь и пишешь bash). И в дефолтной консоли.

    В Home версии ты не сможешь работать с докером, до момента, пока не вступишь в ряды инсайдеров (сейчас может быть уже накатили версию, я не знаю точно).

    Не стоит ломать свою жизнь ради попыток подружиться с виндой, если в конечном счете все равно работаешь с серверами на Unix.

    UPD: WSL + VSCode это отличное сочетание. Из минусов — перехват прав на файлы, если ты под WSL открыл в VSCode папку, которая в виртуальном среде OpenServer (я так и не поборол эту беду, но и не особо пытался).
    Ответ написан
    Комментировать
  • Как правильно подключить и оптимизировать изображения в Gulp?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. Лучше ручной обработки я пока не нашел метода.
    2. В остальных случая спасает выгрузка под разные разрешения (редакторы сейчас это позволяют) + модули типа imagemin (версия для gulp)

    UPD: ручная обработка позволяет повернуть элемент на градус на канве редактора и сэкономить размер.
    Ответ написан
    Комментировать
  • Как решить проблему с запуском сборки проекта gulp?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. Удалить package-lock.json
    2. Удалить node_modules (подчистую, проверяй права и что все ключевые зависимости есть в package.json)
    3. Запустить установку npm install (должен быть package.json)
    4. Радоваться жизни

    PS: Ну и да, сверить версии совместимости модулей.

    PPS: Еще может помочь флаг --legacy-per-deeps или установка через yarn.
    Ответ написан
    Комментировать
  • Как поставить отслеживание для html (Gulp)?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Этот таск не отслеживает ничего, просто по команде берет и билдит. Нужен gulp-watch со своей мотней.
    Ответ написан
    Комментировать
  • Как собрать gulp файл для работы с UNDERSCORES (стартовая тема wordpress), с учетом препроцессора Sass и browsersync?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Я думаю универсального ответа нет. Но могу рассказать, как мы собираем. Для статики создаем папку типа frontsources прямо в корне. Там все, и sass и «сырой» js, и изображения. Далее настроенный gulp уже все разбирает, куда надо. Стили в корень замещая файл style.css и т.д.
    Browsersync мы не используем для работы с WP, так что тут не подскажу. Для отработки всея и всего в проекте мы локалим его либо на Open Server, ну или для работы сообща на наш сервак.
    В случае с работы с серваком удобно использовать синхронизацию кода с обработкой gulp прямо на сервере, но это реально, если у вас есть полный контроль к серверу, ну или хотя бы возможность установить там необходимое окружение и запускать его. Речь о ноде и gulp, соответственно.
    Ответ написан
    Комментировать
  • Как вставить стили на страницу запущенную с вотчером и лайф релоадом?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Чота ты намудрил.
    Да, возможно, но при большом количестве файлов систему нагружает, так что если ты не умеешь в инкрементальную обработку, не советую использовать liverelad. Пальцы не отвалятся обновится разок-другой-пятидесятый.

    У меня подобное реализовано на gulp-connect и gulp-livereload
    gulp.task('connect', function() {
    	connect.server({
    		livereload: true
    	});
    });

    + маркеры обновления в других задачах

    И весь проект тащится в livereaload режим. Отключил только почти сразу, как собрал. Так как в проектах чисто на галпе собираю проекты, которые нужно обновлять целиком.
    Ответ написан
    2 комментария