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

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

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

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

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

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

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

Создание webp в VITE

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

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

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

Пытаюсь сделать конвертер шрифтов из плагинов 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 голосов
1 ответ
23 показа

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

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

Функция 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 ответов
31 показ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Файл 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 голосов
1 ответ
31 показ

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

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

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

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

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

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

Через 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
-1 голос
1 ответ
31 показ

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

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

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

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

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

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

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

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

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

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

Не работает сборка gulp фрилансера по жизни

Ну в общих чертах, скачал сборку фрилансера по жизни, все установил, прописываю npm run dev, и не работает модуль del, я его откатил на 6 версию, иии казалось бы все заработало, но не создается папка ...
Алексей Черман's user avatar
0 голосов
1 ответ
92 показа

gulp-imagemin сжимает только форматы .jpg и .svg

Почему gulp-imagemin сжимает только jpg и svg, а png, jpeg, gif и webp игнорирует? (под каждым форматом одно и то же изображение.) tasks\images.js import webp from 'gulp-webp'; import imagemin from '...
RoNULL's user avatar
  • 88
0 голосов
1 ответ
35 показов

Как в gulp можно отследить в каком файле были изменения? Или возможно есть другие решения для отправки по ftp?

Я написал этот код для отправки файлов по ftp напрямую на сервер. Я бы хотел узнать можно ли как то сделать чтобы файлы отправлялись именно те которые я изменил в данный момент. В config.include я ...
Bakhtiyar's user avatar
  • 334
0 голосов
1 ответ
184 показа

При запуске GULP выдало ошибку "SyntaxError: The requested module 'del' does not provide an export named 'default'"

Использовал сборку GULP от Чертоги фрилансера 3.0. месяц был в отпуске и не запускал, сегодня решил сверстать сайт, и при запуске GULP выдало ошибку. Не могу разобраться в чем проблема. file:///D:/...
Ataibek Salamatov's user avatar
0 голосов
1 ответ
84 показа

Ошибка Cannot find module при запуске gulp

Ребят подскажите пожалуйста из за чего может возникнуть вот эта ошибка при запуске gulp
Дастин Гольцов's user avatar
0 голосов
1 ответ
133 показа

Разделить основные стили и media по разным файлам

Хочу писать @media в less файлах для каждого блока, на данный момент less файлы собираются в main.css, но я хочу что бы @media при сборке все соединялись по значению, например все @media (min-width: ...
иван слатвинский's user avatar
0 голосов
1 ответ
250 показов

установка gulp на Mac

не могу установить gulp на Mac. Список действий: npm i gulp -D установился node__modules npm i gulp-cli -g пишет ошибку могу приложить скрин , что я делаю не так писал sudo npm i gulp-cli -g не могу ...
Pavel1702's user avatar
0 голосов
1 ответ
62 показа

Таск удаления папки для gulp не работает

Делал сборку gulp по видеоуроку из Youtube, дошёл до таска удаления папок, сделал все как в уроке, один в один, у ютубера работает у меня нет, в чём причина? при вызове gulp clear выдает ошибку.
Qbik's user avatar
  • 1
0 голосов
0 ответов
161 показ

не работает Gulp watch sass

Сервер запускается и watcher отрабатывает только на файлы с расширением .html, на изменения в .scss и в .js никак не реагирует, не работает наблюдатель ====================================== пути к ...
Vladimir Ceban's user avatar
1 голос
5 ответов
9k показов

The requested module 'del' does not provide an export named 'default'

Пытаюсь запустить сборку. Ничего с ней не делал, прошлый проект нормально запускался. Но запускаю новый - появляется эта ошибка. Пробовал менять constant (сonst) в функции на default - ничего не ...
emblox's user avatar
  • 13
0 голосов
2 ответа
812 показов

Не могу запустить gulp. В чем проблема?

уважаемые специалисты! Проблема непонятная. Верстаю сайты с использованием Gulp. Использую одну и ту же сборку. Сегодня создал новый проект в VS Code, распаковал туда сборку как обычно, как всегда npm ...
Storos's user avatar
  • 3
0 голосов
1 ответ
631 показ

gulp при установке выдает ошибку [дубликат]

[email protected] dev gulp && webpack serve --progress -c config/webpack.dev.js file:///C:/Users/%D0%BA%D0%BE%D0%BB%D1%8F%D0%BD/Desktop/lesson_20/gulpfile.js:10 import del from 'del'; ^^^ ...
николай's user avatar
0 голосов
1 ответ
800 показов

Ошибка билда и запуска Gulp

Не могу решить проблему, не работает gulp build с ошибкой описаной ниже а так же gulp dev запускает сервер с ошибкой "cannot GET/" Error [ERR_REQUIRE_ESM]: require() of ES Module ...
Nazar.io's user avatar
0 голосов
1 ответ
25 показов

Не хочет подключатся пакет gulp на Windows из за самой операционной системы как решить эту проблему?

Использую: 64-bit Windows (Windows 10) node v16.15.0 npm v8.13.1 При глобальной установке GULP получаю один и тот же конфликт $ gulp -v C:\Users\User\AppData\Roaming\npm/node_modules/node/bin/node:...
zarina's user avatar
  • 39
0 голосов
1 ответ
130 показов

необходимо автоматически найти все файлы css.js,img,fonts и разместить их в соответствующие папаки

Подскажите пожалуйста есть ли возможность у сборщиков типа webpack или Gulp отсортировать папку с проектом и упорядочить все в нужных папках с нужными путями? Поясню: 1 вариант задачи: есть проект ( ...
Zakhar's user avatar
  • 1
0 голосов
2 ответа
270 показов

GULP. Установка. Ошибка. HELP!

Уважаемые программисты. 4 день мучаюсь с Gulp проект закончен и все файлы проверенны. Но галп упорно отказывается работать. Переустановил его, node.js, перенес проект в другую папку, удалял и ...
Антон Журавлёв's user avatar
1 голос
0 ответов
169 показов

Компиляция. GULP. JS. Верстка. Ошибка при сборе

Такая проблема после запуска Gulp через git bash. Не создается или даже удаляется /dist/assets/js. Таск не происходит и js естественно не запускается. Запись из Git ////// [20:07:00] Version: ...
Антон Журавлёв's user avatar
1 голос
1 ответ
431 показ

Ошибка gulp-imagemin: Couldn't load default plugin "optipng"

macOS Monterey 12.4 (M1) Node v16.15.1 const imagemin = require('gulp-imagemin'); function img() { return src('app/images/**/*') .pipe(imagemin()) .pipe(dest('dist/...
Sasha Yong's user avatar
0 голосов
2 ответа
139 показов

Ошибка в gulp с плагином

Выдаёт ошибку в консоли app.js import * as flsFunctions from "./modules/function.js"; flsFunctions.isWebp(); function.js export function isWebP() { function testWebP(callback) { ...
Павел Томм's user avatar
1 голос
0 ответов
69 показов

Как конфигурировать произвольный Gulp-plugin в зависимости от конкретного Vynil-файла?

Стандартное использование плагина gulp-postcss: gulp.task('default', function () { var plugins = [nested]; return gulp.src('in.sss') .pipe(postcss(plugins, { parser: sugarss })) ...
Боков Глеб's user avatar
1 голос
0 ответов
98 показов

Проблема в Gulp

Помогите пожалуйста, консоль выдаёт ошибку :( pakage.json { "name": "thrivetalk", "version": "1.0.0", "description": "", "type&...
Павел Томм's user avatar
0 голосов
1 ответ
636 показов

При запуске gulp получаю ошибку Error [ERR_REQUIRE_ESM] - как её решить?

Хочу подключить gulp сборку для проекта отсюда отсюда Выполняю команды: npm i gulp и получаю ошибку, которая говорит о том, чтобы заменить require на import в кеше: C:\Users\ddd\AppData\Roaming\npm\...
Вася's user avatar
  • 4,482
0 голосов
1 ответ
208 показов

При установки Npm/Gulp выдает ошибку!

npm ERR! code EACCES npm ERR! syscall mkdir npm ERR! path /usr/local/lib/node_modules/gulp npm ERR! errno -13 npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/gulp' npm ...
v1kv's user avatar
  • 1
0 голосов
0 ответов
590 показов

Зачем мне использовать Webpack/Gulp/Babel с React?

Помогите пожалуйста собрать мне осколки картины в единое целое. Дело в том, что на данный момент я создаю web-приложения с помощью React'a, так же я использую препроцессор SCSS, с установленной ...
Clunesate's user avatar
2 голоса
1 ответ
491 показ

Чем Gulp лучше Prepros?

ДЕнь добрый! Вижу большую востребованность Gulp-а среди работодателей. Думал изучить Gulp, но не вижу смысла в этом - "шило на мыло менять". На сайте Gulp и в интернете искал, не могу найти ...
Tryd0g0lik's user avatar