Вопросы с меткой [gulp]
Gulp — это инструмент сборки веб-приложения, позволяющий автоматизировать повторяющиеся задачи, такие как сборка и минификация CSS- и JS-файлов, запуск тестов, перезагрузка браузера и т.д. Тем самым Gulp ускоряет и оптимизирует процесс веб-разработки.
843
вопроса
0
голосов
0
ответов
9
показов
nunjucks Не вставляеться шаблон при отслеживании файла
Подключил шаблонизатор nunjucks к своему сборщику на gulp
Мой файл gulpfile.js
import gulp from "gulp";
import nodeSass from "sass"; ...
- 6,180
0
голосов
0
ответов
14
показов
Обновлении страницы webpack-dev-server при изменении html файла
Пробую создать сборку gulp , используя webpack-dev-server для отображения изменения при разработке. Но в процессе наткнулся на проблему импорта отдельных компонентов в html на примере @@unclude.
Что ...
- 3
0
голосов
1
ответ
139
показов
В 5 версии gulp, при копировании изображений, на выходе получаються битыми
Когда я хочу скопировать изображение с исходного кода, в папку build. На выходе я получаю
битые изображения.
Вот стандартный код таски:
export const images = () => {
return gulp
.src(...
- 3
0
голосов
0
ответов
15
показов
Динамическое изменение путей ресурсов в Gulp в зависимости от вложенности файлов
Я работаю над проектом, в котором использую Gulp для автоматизации моих задач сборки. У меня есть проблема, с которой я столкнулся и которую не могу решить самостоятельно.
Моя структура проекта ...
- 1
0
голосов
1
ответ
20
показов
Как исправить ошибку в Gulp выдается ошибка Error [ERR_REQUIRE_ESM]: require() of ES Module, к какой версии gulp-size следует откатиться?
Как исправить ошибку в Gulp?
Выдается ошибка:
Error [ERR_REQUIRE_ESM]: require() of ES Module,
к какой версии gulp-size следует откатиться?
- 1
0
голосов
0
ответов
10
показов
при использовании gulp не могу импортировать библиотеки из node_modules
подскажите, пожалуйста, в чем может быть проблема?
использую gulp для сборки, вот так он работает с js
function scripts() {
return src('src/app/index.js')
.pipe(include({ hardFail: true }))
....
- 33
0
голосов
0
ответов
16
показов
Плагин gulp-ttf2woff2 стал медленно конвертировать шрифты
Раньше плагин gulp-ttf2woff2 быстро конвертировал шрифты. Я несколько месяцев не пользовался своей сборкой. Когда снова ей воспользовался заметил, что шрифты в woff2 конвертируются заметно дольше, ...
- 1
1
голос
0
ответов
13
показов
npm ERR! gyp Linux Mint 21.3 virginia (x86_64 GNU/Linux)
При установке gulp, gulp-responsive получаю ошибки:
npm ERR! code 1
npm ERR! path /home/oem/Projects/NextLevel-gulp/node_modules/sharp
npm ERR! command failed
npm ERR! command sh -c (node install/...
- 11
0
голосов
0
ответов
37
показов
Ошибка в сборке GULP
Не понимаю из за чего появляется ошибка
[15:20:26] 'watching' errored after 1.04 s
[15:20:26] TypeError: msg is not a function
и пути
node_modules\browser-sync\node_modules\eazy-logger\index.js:210:...
0
голосов
0
ответов
34
показа
Проблема с SCSS + Sourcemaps(?)
Собираю простенькую gulp-сборку под свои нужды. Среди прочих пакетов есть gulp-sourcemaps, т.к. имею небольшую иерархию по scss-файлам (в частности, помимо основного "style.scss" есть еще &...
0
голосов
0
ответов
15
показов
Directive #include did not contain a 'file' or 'virtual' attribute
Не могу найти ответ, я пытаюсь оптимизировать сборку Gulp для своих нужд. Столкнулся с такой ошибкой, мне непонятно как её побороть, вроде бы все понятно - как устанавливать Browsersync-ssi, как ...
0
голосов
0
ответов
23
показа
Browsersync Reloading Browsers... (buffered 2 events)
Всех приветствую, есть такой вот gulp файл, начал выходить "статус"(если можно так выразитсья) - [Browsersync] Reloading Browsers... (buffered 2 events), не встают стили, html сохраняется, в ...
- 15
0
голосов
0
ответов
46
показов
Как подключить js файлы в Gulp?
Всем привет! Пытаюсь разобраться с Gulp и столкнулся с такой проблемой: .js файл выгружается в dist, но скрипт файла не запускается, а HTML, CSS отображаются нормально. Подскажите, пожалуйста, в чем ...
- 119
0
голосов
0
ответов
20
показов
ошибка переименовывания файла sass при использовании gulp-concat
При переименовывании файла sass в style.min.css с помощью gulp-concat, в консоли выскакивает ошибка:
Error in plugin "gulp-sass"
Message:
src\sass\style.min.css
Error: expected "{&...
- 23
0
голосов
0
ответов
16
показов
Можно ли bootstrap-reboot.min.css или normalize.css пропускать через gulp сборку?
Можно ли bootstrap-reboot.min.css или normalize.css пропускать через эту gulp сборку?
Изначально я не могу bootstrap-reboot.min.css или normalize.css добавить в релизную папку, тк gulp сборка сносит ...
0
голосов
0
ответов
55
показов
Просьба прояснить: почему при сборке в gulp тегу html присваиваются классы(возможно генерируется каким-то плагином)?
В принципе не на что это не влияет,
хочется узнать природу происхождения этих классов
и не приводит ли это к каким-либо ошибкам.
Один из классов всегда одинаковый и выглядит как идентификатор: ...
- 138
1
голос
1
ответ
34
показа
Есть ли плагин для Gulp, который будет компилировать scss в css с прописанием стилей для всех браузеров(типо koala)?
// scss
div {
box-sizing: border-box;
}
// css.min
div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
- 138
0
голосов
1
ответ
228
показов
Ошибка Error [ERR_REQUIRE_ESM]: require() of ES Module
Когда подключаю gulp-autoprefixer или другие ... может возникнуть такая ошибка, она решается путем скачивание этого же плагина, но версией меньше, есть способ, который позволяет не скачивать версию ...
0
голосов
0
ответов
14
показов
Две директории в gulpfile.js
gulpfile.js:
const {src, dest, watch, parallel, series} = require('gulp');
const scss = require('gulp-sass')(require('sass'));
const concat = require('gulp-concat');
const ...
1
голос
0
ответов
37
показов
Сборка сайта на React JS - на Gulp делать верстку, а на WebPack - собирать приложение?
Я хочу написать простой лендинг, а потом делать его на React JS. Объясните, пожалуйста, правильный ли такой ход действий:
Сверстать сайт в сборщике Gulp4(папка layout)
Создать папку(допустим project) ...
0
голосов
0
ответов
49
показов
Не получается развернуть gulp- Error [ERR_REQUIRE_ESM]
Уже несколько часов пытаюсь решить проблему с гальпом- не запускается. Реинстол не помог, пытался создавать нужные файлы, потому что до этого была другая ошибка, вроде помогло но сейчас вылезла эта и ...
- 19
0
голосов
0
ответов
27
показов
Error [ERR_REQUIRE_ESM]:
Здраствуйте! Только начал изучать gulp для более быстрой верстки, и уже возникла проблема (((
Вот код:
const {src, dest} = require('gulp')
const sass = require('gulp-sass')
const csso = require('gulp-...
1
голос
1
ответ
87
показов
Верстка Креативного NFT Лендинга HTML, Sass | Scss, JS, Gulp. Работа с svg
Изучаю Фронтенд простыми словами, а именно 2-й урок. Скачал с
готовую верстку второго урока, а именно с https://github.com/web-dev404/NFT-Landing архив с папкой NFT-Landing-main.zip. Разархивировал ...
- 33
0
голосов
1
ответ
246
показов
Error [ERR_REQUIRE_ESM]: require() of ES Module
Когда подключаю gulp-autoprefixer и запускаю код выходит эта ошибка:
Error [ERR_REQUIRE_ESM]: require() of ES Module
const autoprefixer = require('gulp-autoprefixer');
function styles() {
return src(['...
- 1
0
голосов
0
ответов
76
показов
Как развернуть старый проект? Ошибка npm install
Пытаюсь по курсу сделать проект, но не получается.
Если это старый проект, то он должен же разворачиваться даже если старые версии пакетов, когда-то же работало! В моем случае папка node_modules ...
- 11
1
голос
0
ответов
22
показа
как создать gulpfile.js?
Всем привет. Пытаюсь разобраться с gulp, но когда создаю файл gulpfile.js, то vs code пишет "файл с таким именем недопустимо для файла или папки". Если написать любое другое название файла, ...
- 119
0
голосов
0
ответов
17
показов
Не устанавливается gulp в Ubuntu как исправить?
При установки gulp глобально получаю ошибку, добавление sudo не помогает(см.скрин)
Кажется мои манипуляции с настройками порушали всё, пробовал все удалять и устанавливать снова, не получилось, но ...
- 11
0
голосов
1
ответ
37
показов
не получается создать переменную в массиве js
У меня есть маленький проект, который я решил перенести на gulp, чтобы было поудобнее. Захотел разделить весь js по файлам, а то путаюсь и глаза разбегаются, но почему-то, с такой, вроде, прекрасной ...
- 7
0
голосов
1
ответ
100
показов
Gulp не создает папку dist
Это происходит при внедрении в новый проект
Ошибок в терминале нет
Path.js
// Получаем имя папки проекта
import * as nodePath from 'path';
const rootFolder = nodePath.basename(nodePath.resolve());
...
- 1
0
голосов
0
ответов
9
показов
Функция watch выдает ошибку
const { src, dest, watch } = require('gulp');
function watching() {
watch(['app/scss/style.scss', styles])
watch(['app/js/main.js', scripts])
}
exports.watching = watching;
$ gulp watching
[...
- 59
0
голосов
0
ответов
11
показов
Gulp уведомление об компиляции
Подскажите как настроить gulp, чтобы при компиляции было уведомление в MacOS?
Что проект успешно скомпилирован или нет.
const fileswatch = "html,htm,txt,json,md";
...
- 35
0
голосов
0
ответов
90
показов
После компиляции проекта, при помощи Gulp, не отображаются некоторые стили и все шрифты
третий день ломаю голову над проблемой - после компиляции проекта при помощи Gulp - не отображаются все шрифты (проблема в том, что они копируются в папку билда dist (woff и woff2 с приставкой fonts**....
- 1
0
голосов
0
ответов
83
показа
gulp-notify: [HTML] Error Cannot read
Вот такая ошибка когда я прописываю. Gulp docs , собирается папка с готовой сборкой сайта, но появляется вот такая ошибка.
gulp-notify: [HTML] Error Cannot read
Я вообще не понимаю что делать, где ...
0
голосов
1
ответ
39
показов
Не читает стили css и sass
создал локальный сервер через gulp, но не применяются стили,
Помогите пожалуйста
Выводит в консоль такую ошибку:
Refused to apply style from 'http://localhost:3000/public/sass/main.css' because its ...
- 13
0
голосов
0
ответов
32
показа
Не отображаются стили css на другой одинаковой странице html
Пишу многостраничный сайт с помощью gulp и scss(vs code), есть папка app, в которой вложена папка scss, внутри файл index.html, в котором все корректно подключено и работает при открытии браузера.
...
1
голос
0
ответов
24
показа
Автоматизация на виртульном хостиге
Хочу для автоматизации части задач использовать Gulp или Python.
Но виртуальный хостинг утверждает что не доставит мне такой радости.
NPM тоже не разрешает.
Какие есть варианты, в данном контексте?
...
0
голосов
1
ответ
86
показов
Не работает nmp ci
Всем привет, подскажите пожалуйста, пытаюсь сделать сборку проекта, видео на ютубе 2-х годовалой давности, скачал сборку галпа у учителя, и пытаюсь установить пакеты в свою сборку, но вводя в терминал,...
- 43
1
голос
0
ответов
68
показов
Gulp autoprefixer выдает ошибку Unknown word
Вот мой gulpfile.js
const {src, dest, watch, parallel, series} = require('gulp');
const scss = require('gulp-sass')(require('sass'));
const autoprefixer = require('gulp-autoprefixer');
const concat =...
- 117
0
голосов
1
ответ
77
показов
не работает & + & в SASS
.helper_links {
display: flex;
li {
& + & {
margin-left: 20px;
}
a {
неважно
&:hover {
неважно
}
}
}
выделенные ссылки имеют ...
0
голосов
1
ответ
183
показа
The following tasks did not complete. Did you forget to signal async completion? Tasks default, reset
Есть файлы gulp-а
gulpfile.js
const gulp = require('gulp');
const {path} = require('./gulp/config/path.js');
const {plugins} = require('./gulp/config/plugins.js');
/*
import gulp from "gulp";...
0
голосов
0
ответов
243
показа
ReferenceError: require is not defined. Использование import и require
Есть код файла reset.js
/*import {
deleteAsync
} from "del"*/
const del = require('del');
export const reset = () => {
async () => {
const deletedPaths = await del(app.path....
0
голосов
0
ответов
34
показа
Справка по gulp-replace на русском
Нашел справку gulp-replace. Там же приведен код. Только не приведены результаты выполнения программ. Подскажите что делает gulp-replace.
1.
const replace = require('gulp-replace');
const { src, dest } ...
0
голосов
0
ответов
26
показов
Справка по команде @include sсss
Видел в коде
@include font('Work Sans', 400);
Искал в интернете @include sсss, но хорошей справки по этой команде не нашел. Приведите хорошую справку по этой команде.
0
голосов
0
ответов
23
показа
Проблема уязвимостей высокой степени серьезности при установке и настройке 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 ...
- 33
0
голосов
0
ответов
26
показов
Справка по синтаксису команды @@include
Нашел ресурс Самые простые способы интеграции HTML
. В нем в разделе Используем Gulp используется команда @@include. Искал справку по синтаксису данной команды, но не нашел. Дайте ссылку на справку по ...
1
голос
0
ответов
53
показа
При запуске 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-...
- 11
0
голосов
0
ответов
58
показов
Как сделать infinite auto adaptive carousel | html + css + javascript?
Создаю свой сайт и хочу сделать так чтобы под текстом, "каруселились" изображения, не знаю как это на русском, но на английском вот так это называется — infinite auto carousel
Я бы хотел ...
- 1
0
голосов
0
ответов
21
показ
gulp-imagemin: Could not load default plugin `optipng`
Пишет ошибку из заголовка в gulp.
Что было испробовано:
откат до версии 7.1.0
npm rebuild
npm удаление и снова установка
переход с require на import и прописыванием "type": "module&...
- 83
0
голосов
0
ответов
25
показов
Авто отправка готового css кода по FTP
Есть gulp файл для преобразования scss кода в css:
// Основной модуль
import gulp from "gulp";
// Импорт путей
import { path } from "./gulp/config/path.js";
// Импорт общих ...
user438459
0
голосов
0
ответов
18
показов
В Gulp сборке есть коллекция собственных снипетов, написаны они правильно с точки зрения синтаксиса, но при попытке их вызвать, они не срабатывают
В проекте не получается воспользоваться готовыми сниппетами, подскажите, как исправить это
- 11