Вопросы с меткой [gulp]
Gulp — это инструмент сборки веб-приложения, позволяющий автоматизировать повторяющиеся задачи, такие как сборка и минификация CSS- и JS-файлов, запуск тестов, перезагрузка браузера и т.д. Тем самым Gulp ускоряет и оптимизирует процесс веб-разработки.
855
вопросов
0
голосов
0
ответов
11
показов
Справка по команде @include sсss
Видел в коде
@include font('Work Sans', 400);
Искал в интернете @include sсss, но хорошей справки по этой команде не нашел. Приведите хорошую справку по этой команде.
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 ...
0
голосов
0
ответов
14
показов
Справка по синтаксису команды @@include
Нашел ресурс Самые простые способы интеграции HTML
. В нем в разделе Используем Gulp используется команда @@include. Искал справку по синтаксису данной команды, но не нашел. Дайте ссылку на справку по ...
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-...
0
голосов
0
ответов
10
показов
Как сделать infinite auto adaptive carousel | html + css + javascript?
Создаю свой сайт и хочу сделать так чтобы под текстом, "каруселились" изображения, не знаю как это на русском, но на английском вот так это называется — infinite auto carousel
Я бы хотел ...
0
голосов
0
ответов
7
показов
gulp-imagemin: Could not load default plugin `optipng`
Пишет ошибку из заголовка в gulp.
Что было испробовано:
откат до версии 7.1.0
npm rebuild
npm удаление и снова установка
переход с require на import и прописыванием "type": "module&...
0
голосов
0
ответов
16
показов
Авто отправка готового css кода по FTP
Есть gulp файл для преобразования scss кода в css:
// Основной модуль
import gulp from "gulp";
// Импорт путей
import { path } from "./gulp/config/path.js";
// Импорт общих ...
0
голосов
0
ответов
14
показов
В Gulp сборке есть коллекция собственных снипетов, написаны они правильно с точки зрения синтаксиса, но при попытке их вызвать, они не срабатывают
В проекте не получается воспользоваться готовыми сниппетами, подскажите, как исправить это
0
голосов
0
ответов
30
показов
Ошибка выполнения код JavaScript в Safari
Всем доброе утро. Вчера столкнулся с ошибкой выполнения JS на macbook и iphone, при тестах. Проблема еще в том что у меня самого нету уст. apple и чтоб исправить эту проблему нужно еще побегать с ...
0
голосов
0
ответов
7
показов
Почему не отвечает сборщик gulp?
Сборка проходит успешно, открывается браузер но картинка висит "нет ответа". Ошибок тоже нету. Куда копать ?
https://github.com/iWyse/gulpbuild
0
голосов
0
ответов
28
показов
Создание webp в VITE
Пытаюсь настроить в VITE, чтобы имеющийся формат изображений конвертировался в формат webp, но не заменяя оригиналы, а дополнительно складывались в dist, чтобы потом подставлять в браузере, в ...
0
голосов
0
ответов
21
показ
Gulp при добавление изображение в проект выдает ошибку
пытаюсь вставить изображение в папку проекта , как только добавляю файл jpg или png сразу Gulp начинает ругаться , помогите пожалуйста разобраться
Microsoft Windows [Version 6.1.7601]
(c) Корпорация ...
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')...
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....
0
голосов
1
ответ
18
показов
Как вставить % в миксинах scss
Не получается вставить % в миксины scss, могу вставит единицы em, rem, а % не знаю как.
Искал информацию, но не нашел, пробовал через #{} не получается`
@mixin adp($property, $max, $min, $...
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....
0
голосов
0
ответов
21
показ
Не компилируется код из scss с помощю Gulp
И так, как я ещё не проходил JS, хотел бы спросить, как мне отредактировать файл gupfile.js , чтобы компиляция происходила а не стояла на месте ? Файлы scss и css находятся в одной папке, и как я не ...
0
голосов
0
ответов
11
показов
Gulp доп. страницы
Подскажите, как в dist добавить папку) pages?
Не понимаю, как доп. страницы генерировать в папке dist
0
голосов
0
ответов
52
показа
Как в gulp сборке не минифицировать js файл в build?
Мне нужно чтобы в production ( npm run build ) НЕ минифицировать основной js файл ( app.js ).
В этой сборке используется webpack-stream для сжатия и экспорта других файлов/библиотек в единый js файл. ...
0
голосов
1
ответ
41
показ
Не могу подключить main.min.js к HTML странице
Не могу подключить main.min.js к HTML странице. Собрал проект через Gulp, возможно это из-за него ошибка какая-то, ведь без него, тот же код работает без ошибок.
В исходном коде если нажать на ...
1
голос
0
ответов
18
показов
Проверка правильности sourcemaps
Структура моего проекта такая: (все папки описывань не буду, т.к. они здесь не причем)
src
scss
*.scss
ts
*.ts
Я пользуюсь gulp-sourcemaps
Вот файл для сборки css
const { src, dest } = require('...
0
голосов
1
ответ
35
показов
Почему не устанавливается Gulp?
Всем добрый день! Не устанавливается Gulp
Перелопатил тут вопросы по проблемам с установкой Gulp, но ответа на мою проблему не нашел(
Версия node - 19.3.0, npm, npx - 9.2.0
Мои действия: npm init (...
0
голосов
1
ответ
45
показов
Не работает .js файл на GULP сборке
Хочу сделать простенькую конструкцию через .js
Проблема в том, что не могу его подключить, css нормально работает, а именно js не хочет
вообще не в какую НО: в исходном коде показывает, мол он ...
1
голос
1
ответ
22
показа
gulp. style.min.css в product, а style.css в dev
Подскажие по gulp (я не очень разбираюсь). Итак в результате сборки и компиляции sass и в продакт и дев версиях я получаю 2файла сss и min.css. Что если я не хочу в продакт версии получать обычный css ...
0
голосов
1
ответ
24
показа
Можно ли unminify js после webpack сжатия?
Столкнулся с такой проблемой, удалил сборку проекта (безвозвратно), остался сжатый, я так понимаю, через webpack файл, можно ли его привести к читаемому виду?
Сборщик gulp
сама таска на сжатие и в ...
0
голосов
0
ответов
56
показов
Проблема при запуске gulp(3 сборка фрилансера по жизжи)
{
"name": "fls-start",
"version": "3.0.0",
"description": "Start template with Gulp and Webpack",
"author": "FLS"...
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('...
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">
&...
0
голосов
1
ответ
20
показов
Есть ли в WebPack библиотека или настройка, чтобы он не импортировал не нужные функции?
Например, если в файле file.js есть функция fun1 и fun2, если я импортирую в файл app.js одну из них в тут же вызываю ее, в итоговый файл попадает и вторая функция, которую я не хотел и не ...
0
голосов
0
ответов
32
показа
gulp перестал работать без изменений
Сегодня - внезапно - гапл перестал работать. Открыл другой проект и после возврата к текущему перестал работать вообще. Ошибки в консоли:
PowerShell в vsCode
gulp : Имя "gulp" не распознано ...
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 ...
0
голосов
0
ответов
156
показов
Почему я получаю ошибку: TypeError: Cannot read properties of undefined (reading 'sitepack')
Я хочу сделать сборку на GULP, и его начинаю пробовать, но я застрял в самом начале при копировании файлов и создании папок.
Структура папок моя такая:
> test
> gulp
> config
...
0
голосов
0
ответов
18
показов
Собираю gulp-сборку, как добавить суффикс min на выходе?
Собираю gulp-сборку, в html у меня
<link rel="stylesheet" href="./css/app.css">
Как сделать так, чтобы на выходе у меня был html с другой ссылкой?
<link rel="...
2
голоса
1
ответ
208
показов
Как вывести разный HTML-код на dev и prod в Gulp?
Как вывести разный HTML-код на dev и prod в Gulp? На dev-версии мне необходимо выводить три необъединенных css-файла:
<link rel="stylesheet" href="assets/css/styles1.css">
&...
0
голосов
1
ответ
30
показов
Кривое форматирование в HTML после Gulp
Только учусь, использую Gulp сборку, собирал по гайдам с YouTube.
При сборке форматирование HTML в результирующем index.html съезжает и его трудно читать.
Подключаю HTML-модули в index.html с помощью ...
0
голосов
0
ответов
16
показов
Использование плагинов установленных в dependencies
Использую сборщик Gulp и установил в него Swiper.js. Вопрос в том - как использовать его файлы в финальной сборке? Через import Swiper from 'swiper'; я подключаю данный плагин к своей сборке в папке ...
0
голосов
0
ответов
66
показов
Ошибка модуля JavaScript
Использую сборщик Gulp и в папке src создал файл swiper.js, в котором импортирую плагин Swiper.js. В index.html подключаю только общий JS файл. После чего в браузере появляется ошибка:
Uncaught ...
0
голосов
0
ответов
21
показ
Неверный путь к изображению в css
Использую сборку gulp+webpack, стили через scss. Есть небольшая проблема с изображением в css
В свойствах прописан background с ссылкой на изображение (" ./../images/background-image.png "). ...
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&...
0
голосов
0
ответов
12
показов
Как правильно собрать проект?
Пытаюсь настроить сборщик проекта на gulp. С sass и pug всё понятно. А вот в js проблема. Я не понимаю, что нужно, чтобы скрипт заработал при запуске сайта в браузере. В файле скрипта я подключаю ...
0
голосов
0
ответов
17
показов
Не получается настроить gulp
Настраиваю Gulp, задал простые константы, ввожу команду gulp clean и выдается следующая ошибка:
Error [ERR_REQUIRE_ESM]: require() of ES Module ...\node_modules\del\index.js from ...\myTestGulp\...
-1
голос
1
ответ
25
показов
Очень странная ошибка с импортом js gulp
Всё начиналось с того что я собирал gulp по гайду, всё было отлично, собрал, но на следующий день при запуске летит в лицо это .
type стоит "module", с этим всё нормально.
Причём вчера ...
0
голосов
1
ответ
35
показов
Сборка gulp. Как сделать другую точку входа, не index.html
изучаю gulp и использую эту сборку https://github.com/maxdenaro/youtube-creatix-marathon и хотелось бы узнать, как изменить точку входа. Допустим, вместо файла index.html был бы main.html. Заранее ...
0
голосов
0
ответов
15
показов
Не могу подключить gulp
Вроде все плагины поставил и сам gulp скачал в терминале, но при проверке версии в терминале командой gulp -vвыбрасывает такая вот ошибка
gulp : File C:\Users\Yevhenii\AppData\Roaming\npm\gulp.ps1 ...
0
голосов
0
ответов
11
показов
Работа с NPM, JSON
Построить зависимости:
eslint (как dev-зависимость)
gulp (как dev-зависимость)
moment (нормальная зависимость)
bootstrap (нормальная зависимость)
browser-sync (как dev-зависимость)
Чтобы точкой входа ...
0
голосов
1
ответ
27
показов
Подскажите пожалуйста. gulp-webp не работает
Пакет gulp-webp не работает, пробовал откатится на старые версии, переписать как-то функцию, убрал gulp-imagemin, пробовал разные пути к файлам, много часов муаюсь не могу нагуглить как решить ...
1
голос
0
ответов
14
показов
GULP генериция страниц из шаблона
Коллеги, всем привет.
Имею довольно эпизодический опыт работы с GULP. Подскажите плиз как решить задачку.
Крайне утрированный пример, для простоты понимания и краткости ответа.
В gulpfile.js есть ...
0
голосов
0
ответов
45
показов
При использовании плагина gulp-webp-html выходит ошибка TypeError in plugin 'gulp-webp-css'
Никак не могу понять, почему вылетает ошибка TypeError in plugin 'gulp-webp-css'. Если из html убираю картинку, все нормально, как добавляю, снова появляется.
src и alt заполнены, кириллицу и пробелы ...
0
голосов
0
ответов
29
показов
Как сделать автоматическое изменение файла в index.html? Если при сборке style.css меняет своё название ( GULP )
Я новичок в этой сфере ( GULP ). Хотел бы узнать как мне сделать автоматическое изменение файла в index.html
Так выглядит файл index.html
<!DOCTYPE html>
<html lang="en">
<...
0
голосов
1
ответ
17
показов
window.URL.createObjectURL(blobData) throw error in webpack
Работаю с webSocket, при получении данных с сервера - необходимо их сохранить конечному пользователю на рабочую машину.
Вот участок кода:
const backendUrl = "ws://localhost:5006";
const ...