Category: gulp

26
Апр
2022

Gulp and Webpack. Проблема с Async/Await

Настроил Gulp и подключил к нему Webpack с помощью WebpackStream, когда пытаюсь скомпилировать JS файл с Async функцией появляется такая ошибка:

Без Async функции с Promise работает всё ок. Пытался пофиксить проблему явным добавлением ent…

30
Мар
2022

Не работает background-image в gulp

Всем доброго дня! Пишу проект, нужно добавить на бэк картинку, но background-image не отображается даже в браузере.
Использую Gulp и SCSS.
Заметил такую особенность, что при конвертировании scss в css, к классу, к которому я цепляю бэкграу…

12
Мар
2022

GULP не создает zip архив

Gulp выполняет код без ошибок, но в результате ничего не появляется в папке. С чем это может быть связано?
gulpfile.js
import gulp from "gulp";

import { path } from "./gulp/config/path.js";

import { plugins } from &qu…

02
Мар
2022

В Gulp возникает ошибка TypeError: Cannot read properties of undefined (reading ‘on’)

Суть в том, что переделываю common JS gulp на ("type": "module").
При запуске gulp всё вроде бы отрабатывает нормально, но только через некоторое время крашится таск html.js, в котором panini. И я не могу понять, что де…

17
Фев
2022

Почему browserSync не обновляет страницу?

Есть сборка, которая должна обновлять localhost при изминении файлов автоматически. Я не пойму, почему обновления не происходит. На любое изменение страница не реагирует. Допустим есть такой html:
<!DOCTYPE html>
<html lang="…

05
Фев
2022

Как добавить путь к папке с файлами html в gulp

Коротко: в проекте есть папка с html файлом. Не могу прописать путь до файла и папки в gulp.
Вот что уже делал:

Добавлял явный путь к файлу в Path (как в src, так и в build)
Прописывал {{base: srcPatch + ‘cartsKitchen’}} в функции html
За…

05
Фев
2022

В Gulp при подключении плагина – gulp-webp-html-nosvg выдает ошибку Error: Callback called multiple times

Разрабатываю стандартную сборку Gulp, и столкнулся с такой проблемой. При подключении плагина
gulp-webp-html-nosvg вылетает ошибка Error: Callback called multiple times.
index.html

<!DOCTYPE html>
<html lang="en"&gt…

31
Янв
2022

Babel по другому преобразует js файлы в проекте, все конфиги идентичны с коллегой, но почему-то у меня локально все js файлы заново преобразуются

Изменения такого типа во всех файлах
До преобразования:
function _createForOfIteratorHelper(o, allowArrayLike) {
var it;

if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
if (Array.isArray(o) || (i…

19
Янв
2022

Сборка Gulp + React

Искал и пытался написать сборку, но не вышло. Есть у кого-нибудь актуальная статья по написанию сборки gulp + react или готовое решение ?

19
Янв
2022

Добавление React в Gulp

Решил добавить в свою сборку react, но получаю ошибку :
gulp-notify: [JS] Error: Parse Error: Line 1: Illegal import declaration
[12:05:18] Finished ‘js’ after 150 ms
Notifications are disabled
Reason: DisabledForApplication Please make su…

12
Янв
2022

Проблема со сборщиком после перехода с gulp 3 на gulp 4

После перехода с 3 на 4 версии gulp возникла проблема со сборщиком, сначала не разворачивался локальный сервер, эту проблему поборол с помощью gulp.paralel, теперь возникла новая проблема, связанная с отслеживанием изменений и обновлением …

04
Янв
2022

Модуль nodejs не найден, производственный сервер (.min.js)

Проблема: «не удается найти модуль», только когда я перехожу в производственный режим. На самом деле сначала я минимизировал, используя gulp, чтобы сжать все файлы js. Но только когда я пытаюсь запустить производство ./dist minified server…

27
Дек
2021

Gulp работа с FTP, vinyl FTP

// Основной модуль
import gulp from “gulp”;
// Импорт путей
import { path } from “./gulp/config/path.js”;
// Импорт общих плагинов
import { plugins } from “./gulp/config/plugins.js”

// Передаем значения в глобавльную переменную
global…

21
Дек
2021

Gulp. Ошибка RangeError: Maximum call stack size exceeded при добавлении нового кода

Есть проект, полагаю имеет смысл сказать в контексте проблемы, что работаю над действительно большим сайтом. Сборка работала корректно до определенного момента – просто добавил новый элемент (алерт об ошибке) в одну из подключаемых форм, и…

18
Дек
2021

Настройка webpack`a

Как можно настроить webpack, чтобы он работал с gulp-file-include
@@include(‘component/app.js’)

Ошибка :
Error in plugin "webpack-stream"
Message:
Module parse failed: Unexpected character ‘@’ (3:0)
You may need an appropria…

12
Дек
2021

вывод ошибок eslint

Как можно отключить вывод ошибок в eslint, при выполнение команды: npx eslint [путь] –fix. Всё работает, но из-за того, что в папке есть файл с записью из file-unclude, он пишет ошибку об этом файле. Как можно убрать вывод ошибки в консол…

08
Дек
2021

Как узнать в какой папке работает Gulp (чтобы создать в этой папке подпапку)?

Я хочу автоматизировать конвертацию картинок в webp формат. Чтобы не делать это вручную или через онлайн-конвертеры, я решил использовать gulp 4 и gulp-webp.
Вот такая структура вложенности папок в моём проекте:

Я хочу, чтобы Gulp, когда …

06
Дек
2021

Задача не останавливается в Gulp

Не могу понять почему задача в Gulp начинается, но автоматически не заканчивается
Код задачи такой:
import del from ‘del’;
import { projectFolder } from ‘../config’;

const cleanRoot = () => {
return del(projectFolder);
};

export def…