Вопросы с меткой [gulp]

Gulp — это инструмент сборки веб-приложения, позволяющий автоматизировать повторяющиеся задачи, такие как сборка и минификация CSS- и JS-файлов, запуск тестов, перезагрузка браузера и т.д. Тем самым Gulp ускоряет и оптимизирует процесс веб-разработки.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
11 показов

Справка по команде @include sсss

Видел в коде @include font('Work Sans', 400); Искал в интернете @include sсss, но хорошей справки по этой команде не нашел. Приведите хорошую справку по этой команде.
Михаил Филиппов's user avatar
0 голосов
0 ответов
4 показа

Проблема уязвимостей высокой степени серьезности при установке и настройке GULP

Устанавливаю GULP файл, командой npm i gulp -D выдаёт такой результат: added 351 packages, and audited 352 packages in 29s 13 packages are looking for funding run `npm fund` for details 6 high ...
Alexey's user avatar
  • 31
0 голосов
0 ответов
14 показов

Справка по синтаксису команды @@include

Нашел ресурс Самые простые способы интеграции HTML . В нем в разделе Используем Gulp используется команда @@include. Искал справку по синтаксису данной команды, но не нашел. Дайте ссылку на справку по ...
Михаил Филиппов's user avatar
0 голосов
0 ответов
22 показа

При запуске gulp в терминале появляется ошибка: Error in plugin 'sass'.Error: Argument $file-formats was passed both by position and by name

Пожалуйста, помогите разобраться: При запуске gulp в терминале появляется ошибка: Error in plugin "sass" Message: catalog\view\theme\olivia\stylesheet\_fonts.sass Error: Argument $file-...
GHOST's user avatar
  • 1
0 голосов
0 ответов
10 показов

Как сделать infinite auto adaptive carousel | html + css + javascript?

Создаю свой сайт и хочу сделать так чтобы под текстом, "каруселились" изображения, не знаю как это на русском, но на английском вот так это называется — infinite auto carousel Я бы хотел ...
Susoect's user avatar
0 голосов
0 ответов
7 показов

gulp-imagemin: Could not load default plugin `optipng`

Пишет ошибку из заголовка в gulp. Что было испробовано: откат до версии 7.1.0 npm rebuild npm удаление и снова установка переход с require на import и прописыванием "type": "module&...
En Kratia's user avatar
0 голосов
0 ответов
16 показов

Авто отправка готового css кода по FTP

Есть gulp файл для преобразования scss кода в css: // Основной модуль import gulp from "gulp"; // Импорт путей import { path } from "./gulp/config/path.js"; // Импорт общих ...
mat's user avatar
  • 103
0 голосов
0 ответов
14 показов

В Gulp сборке есть коллекция собственных снипетов, написаны они правильно с точки зрения синтаксиса, но при попытке их вызвать, они не срабатывают

В проекте не получается воспользоваться готовыми сниппетами, подскажите, как исправить это
Serega_88's user avatar
0 голосов
0 ответов
30 показов

Ошибка выполнения код JavaScript в Safari

Всем доброе утро. Вчера столкнулся с ошибкой выполнения JS на macbook и iphone, при тестах. Проблема еще в том что у меня самого нету уст. apple и чтоб исправить эту проблему нужно еще побегать с ...
Serhii Prudkyi's user avatar
0 голосов
0 ответов
7 показов

Почему не отвечает сборщик gulp?

Сборка проходит успешно, открывается браузер но картинка висит "нет ответа". Ошибок тоже нету. Куда копать ? https://github.com/iWyse/gulpbuild
Wyse's user avatar
  • 1
0 голосов
0 ответов
28 показов

Создание webp в VITE

Пытаюсь настроить в VITE, чтобы имеющийся формат изображений конвертировался в формат webp, но не заменяя оригиналы, а дополнительно складывались в dist, чтобы потом подставлять в браузере, в ...
Ivan Malovichko's user avatar
0 голосов
0 ответов
21 показ

Gulp при добавление изображение в проект выдает ошибку

пытаюсь вставить изображение в папку проекта , как только добавляю файл jpg или png сразу Gulp начинает ругаться , помогите пожалуйста разобраться Microsoft Windows [Version 6.1.7601] (c) Корпорация ...
Mister junior's user avatar
0 голосов
1 ответ
39 показов

Пытаюсь сделать конвертер шрифтов из плагинов Gulp, но не работает скрипт

gulpfile.js const {src, dest, parallel, series } = require('gulp'); const ttf2woff2 = require('gulp-ttf2woff2'); const fonter = require('gulp-fonter'); function convert() { return src('fonts/*.ttf')...
Алексей Петров's user avatar
0 голосов
0 ответов
9 показов

gulp css не работает

Я получаю эту проблему когда использую gulp css на своей CentOS [hacl@devep brio]$ gulp css /home/bitrix/www/brio-3/local/templates/brio/node_modules/stylelint/node_modules/cosmiconfig/dist/Explorer....
Александр_Туточкин's user avatar
0 голосов
1 ответ
18 показов

Как вставить % в миксинах scss

Не получается вставить % в миксины scss, могу вставит единицы em, rem, а % не знаю как. Искал информацию, но не нашел, пробовал через #{} не получается` @mixin adp($property, $max, $min, $...
Vorchun's user avatar
0 голосов
0 ответов
58 показов

Функция fontsStyle не работает, взято с видео https://www.youtube.com/watch?v=jU88mLuLWlk&list=WL&index=2&t=4964s

fonts.js export const fontsStyle = () => { //Файл стилей подключения шрифтов let fontsFile = `${app.path.srcFolder}/scss/fonts.scss`; //Проверяем, существуют ли файлы шрифтов fs.readdir(app.path....
Jonsik's user avatar
  • 1
0 голосов
0 ответов
21 показ

Не компилируется код из scss с помощю Gulp

И так, как я ещё не проходил JS, хотел бы спросить, как мне отредактировать файл gupfile.js , чтобы компиляция происходила а не стояла на месте ? Файлы scss и css находятся в одной папке, и как я не ...
sivlvy's user avatar
  • 1
0 голосов
0 ответов
11 показов

Gulp доп. страницы

Подскажите, как в dist добавить папку) pages? Не понимаю, как доп. страницы генерировать в папке dist
Никита Измаилов's user avatar
0 голосов
0 ответов
52 показа

Как в gulp сборке не минифицировать js файл в build?

Мне нужно чтобы в production ( npm run build ) НЕ минифицировать основной js файл ( app.js ). В этой сборке используется webpack-stream для сжатия и экспорта других файлов/библиотек в единый js файл. ...
Kirito 自由's user avatar
0 голосов
1 ответ
41 показ

Не могу подключить main.min.js к HTML странице

Не могу подключить main.min.js к HTML странице. Собрал проект через Gulp, возможно это из-за него ошибка какая-то, ведь без него, тот же код работает без ошибок. В исходном коде если нажать на ...
Salvadore Wh1te's user avatar
1 голос
0 ответов
18 показов

Проверка правильности sourcemaps

Структура моего проекта такая: (все папки описывань не буду, т.к. они здесь не причем) src scss *.scss ts *.ts Я пользуюсь gulp-sourcemaps Вот файл для сборки css const { src, dest } = require('...
SimpleDev's user avatar
0 голосов
1 ответ
35 показов

Почему не устанавливается Gulp?

Всем добрый день! Не устанавливается Gulp Перелопатил тут вопросы по проблемам с установкой Gulp, но ответа на мою проблему не нашел( Версия node - 19.3.0, npm, npx - 9.2.0 Мои действия: npm init (...
rdy2fe's user avatar
  • 3
0 голосов
1 ответ
45 показов

Не работает .js файл на GULP сборке

Хочу сделать простенькую конструкцию через .js Проблема в том, что не могу его подключить, css нормально работает, а именно js не хочет вообще не в какую НО: в исходном коде показывает, мол он ...
Salvadore Wh1te's user avatar
1 голос
1 ответ
22 показа

gulp. style.min.css в product, а style.css в dev

Подскажие по gulp (я не очень разбираюсь). Итак в результате сборки и компиляции sass и в продакт и дев версиях я получаю 2файла сss и min.css. Что если я не хочу в продакт версии получать обычный css ...
Alex March's user avatar
0 голосов
1 ответ
24 показа

Можно ли unminify js после webpack сжатия?

Столкнулся с такой проблемой, удалил сборку проекта (безвозвратно), остался сжатый, я так понимаю, через webpack файл, можно ли его привести к читаемому виду? Сборщик gulp сама таска на сжатие и в ...
YourDeveloper's user avatar
0 голосов
0 ответов
56 показов

Проблема при запуске gulp(3 сборка фрилансера по жизжи)

{ "name": "fls-start", "version": "3.0.0", "description": "Start template with Gulp and Webpack", "author": "FLS"...
deadrider's user avatar
0 голосов
2 ответа
44 показа

При подключении шрифтов отображается только один шрифт

Файл fonts.sass @font-face font-family: 'ABC Monument Grotesk Mono' src: url('./fonts/ABCMonumentGroteskMono-Regular.eot') src: url('./fonts/ABCMonumentGroteskMono-Regular.eot?#iefix') format('...
C0nen's user avatar
  • 1
0 голосов
0 ответов
21 показ

gulp-webp не работает с изображениями, которые уже обернуты в <picture>

gulp-webp, судя по документации не работает с подобным кодом <picture> <source media="(max-width: 700px)" srcset="img/card-320-1.png , img/card-320-1@2x.png 2x"> &...
Perikosa's user avatar
0 голосов
1 ответ
20 показов

Есть ли в WebPack библиотека или настройка, чтобы он не импортировал не нужные функции?

Например, если в файле file.js есть функция fun1 и fun2, если я импортирую в файл app.js одну из них в тут же вызываю ее, в итоговый файл попадает и вторая функция, которую я не хотел и не ...
Fakem1ner's user avatar
0 голосов
0 ответов
32 показа

gulp перестал работать без изменений

Сегодня - внезапно - гапл перестал работать. Открыл другой проект и после возврата к текущему перестал работать вообще. Ошибки в консоли: PowerShell в vsCode gulp : Имя "gulp" не распознано ...
Rusty SPC's user avatar
0 голосов
0 ответов
35 показов

Ошибка TypeError: dest.on is not a function

Я делаю сборку GULP по видео уроку с youtube Фрилансер по жизни, и мне выдает вот такую ошибку TypeError: dest.on is not a function Вот код файла fonts.js: import fs from "fs"; import fonter ...
LowTree's user avatar
  • 21
0 голосов
0 ответов
156 показов

Почему я получаю ошибку: TypeError: Cannot read properties of undefined (reading 'sitepack')

Я хочу сделать сборку на GULP, и его начинаю пробовать, но я застрял в самом начале при копировании файлов и создании папок. Структура папок моя такая: > test > gulp > config ...
LowTree's user avatar
  • 21
0 голосов
0 ответов
18 показов

Собираю gulp-сборку, как добавить суффикс min на выходе?

Собираю gulp-сборку, в html у меня <link rel="stylesheet" href="./css/app.css"> Как сделать так, чтобы на выходе у меня был html с другой ссылкой? <link rel="...
Michel Migalov's user avatar
2 голоса
1 ответ
208 показов

Как вывести разный HTML-код на dev и prod в Gulp?

Как вывести разный HTML-код на dev и prod в Gulp? На dev-версии мне необходимо выводить три необъединенных css-файла: <link rel="stylesheet" href="assets/css/styles1.css"> &...
Alex's user avatar
  • 24
0 голосов
1 ответ
30 показов

Кривое форматирование в HTML после Gulp

Только учусь, использую Gulp сборку, собирал по гайдам с YouTube. При сборке форматирование HTML в результирующем index.html съезжает и его трудно читать. Подключаю HTML-модули в index.html с помощью ...
Andrew's user avatar
  • 1
0 голосов
0 ответов
16 показов

Использование плагинов установленных в dependencies

Использую сборщик Gulp и установил в него Swiper.js. Вопрос в том - как использовать его файлы в финальной сборке? Через import Swiper from 'swiper'; я подключаю данный плагин к своей сборке в папке ...
Филипп Церетели's user avatar
0 голосов
0 ответов
66 показов

Ошибка модуля JavaScript

Использую сборщик Gulp и в папке src создал файл swiper.js, в котором импортирую плагин Swiper.js. В index.html подключаю только общий JS файл. После чего в браузере появляется ошибка: Uncaught ...
Филипп Церетели's user avatar
0 голосов
0 ответов
21 показ

Неверный путь к изображению в css

Использую сборку gulp+webpack, стили через scss. Есть небольшая проблема с изображением в css В свойствах прописан background с ссылкой на изображение (" ./../images/background-image.png "). ...
Андрей Астанаев's user avatar
0 голосов
1 ответ
19 показов

Через gulp 4.0.2 не происходит конвертация кода написанного на scss в css. Почему так?

В package.json установлены данные плагины: "devDependencies": { "gulp": "^4.0.2", "gulp-sass": "^5.1.0", "sass": "^1.56.1&...
AlexDi's user avatar
  • 3
0 голосов
0 ответов
12 показов

Как правильно собрать проект?

Пытаюсь настроить сборщик проекта на gulp. С sass и pug всё понятно. А вот в js проблема. Я не понимаю, что нужно, чтобы скрипт заработал при запуске сайта в браузере. В файле скрипта я подключаю ...
Анастасия's user avatar
0 голосов
0 ответов
17 показов

Не получается настроить gulp

Настраиваю Gulp, задал простые константы, ввожу команду gulp clean и выдается следующая ошибка: Error [ERR_REQUIRE_ESM]: require() of ES Module ...\node_modules\del\index.js from ...\myTestGulp\...
Иван's user avatar
-1 голос
1 ответ
25 показов

Очень странная ошибка с импортом js gulp

Всё начиналось с того что я собирал gulp по гайду, всё было отлично, собрал, но на следующий день при запуске летит в лицо это . type стоит "module", с этим всё нормально. Причём вчера ...
fedyaka's user avatar
0 голосов
1 ответ
35 показов

Сборка gulp. Как сделать другую точку входа, не index.html

изучаю gulp и использую эту сборку https://github.com/maxdenaro/youtube-creatix-marathon и хотелось бы узнать, как изменить точку входа. Допустим, вместо файла index.html был бы main.html. Заранее ...
норм чел's user avatar
0 голосов
0 ответов
15 показов

Не могу подключить gulp

Вроде все плагины поставил и сам gulp скачал в терминале, но при проверке версии в терминале командой gulp -vвыбрасывает такая вот ошибка gulp : File C:\Users\Yevhenii\AppData\Roaming\npm\gulp.ps1 ...
user avatar
0 голосов
0 ответов
11 показов

Работа с NPM, JSON

Построить зависимости: eslint (как dev-зависимость) gulp (как dev-зависимость) moment (нормальная зависимость) bootstrap (нормальная зависимость) browser-sync (как dev-зависимость) Чтобы точкой входа ...
Акрил's user avatar
0 голосов
1 ответ
27 показов

Подскажите пожалуйста. gulp-webp не работает

Пакет gulp-webp не работает, пробовал откатится на старые версии, переписать как-то функцию, убрал gulp-imagemin, пробовал разные пути к файлам, много часов муаюсь не могу нагуглить как решить ...
Andrii's user avatar
  • 1
1 голос
0 ответов
14 показов

GULP генериция страниц из шаблона

Коллеги, всем привет. Имею довольно эпизодический опыт работы с GULP. Подскажите плиз как решить задачку. Крайне утрированный пример, для простоты понимания и краткости ответа. В gulpfile.js есть ...
Александр Рогонов's user avatar
0 голосов
0 ответов
45 показов

При использовании плагина gulp-webp-html выходит ошибка TypeError in plugin 'gulp-webp-css'

Никак не могу понять, почему вылетает ошибка TypeError in plugin 'gulp-webp-css'. Если из html убираю картинку, все нормально, как добавляю, снова появляется. src и alt заполнены, кириллицу и пробелы ...
Artem's user avatar
  • 1
0 голосов
0 ответов
29 показов

Как сделать автоматическое изменение файла в index.html? Если при сборке style.css меняет своё название ( GULP )

Я новичок в этой сфере ( GULP ). Хотел бы узнать как мне сделать автоматическое изменение файла в index.html Так выглядит файл index.html <!DOCTYPE html> <html lang="en"> <...
Kinetiks's user avatar
0 голосов
1 ответ
17 показов

window.URL.createObjectURL(blobData) throw error in webpack

Работаю с webSocket, при получении данных с сервера - необходимо их сохранить конечному пользователю на рабочую машину. Вот участок кода: const backendUrl = "ws://localhost:5006"; const ...
Владимир Говоров's user avatar