Search the Community
Showing results for tags 'gulp'.
Found 19 results
-
Здравствуйте! Проблема заключается в следующем: есть стартовый шаблон от "Фрилансера по жизни" версии 2021 года, открываю в VSCode, ввожу в терминале npm i затем gulp, все срабатывает как и должно, создается папка с результатом, начинаю прописывать стили для header, задаю ограничивающий контейнер и при проверке работоспособности данного контейнера выясняется, что стили, прописанные мной перекрывают стили медиа-запросов, прописанных в шаблоне и по итогу адаптив не работает, получается что итоговый css собирается в не правильном порядке! Подскажите, пожалуйста, как подобную проблему можно исправить?)
-
Может кто-то оценить уже готовый сайт? Заранее спасибо.
-
Здравствуйте! У меня есть сборка проекта gulp. мне необходимо установить шаблонизатор pug для моего проекта. Node.js у меня установлен. Пишу сначала npm install pug, затем npm install pug-cli - все устанавливается. Когда пишу pug --help консоль пишет pug: command not found
-
gulp Какая разница между способами подключения плагинов в проект?
aqua.77 posted a question in Web-site Development
Многие сервисы можно подключить разными способами. Hапример подключить Stylelint в проект можно: с помощью API, с помощью плагина PostCss, с помощью плагина gulp-stylelint, и вроде ещё с помощью webpack. Только ли в удобстве заключается разница между этими способами? Влияет ли способ подключения на скорость работы? Если результат всегда один, какая разница в способах подключения. Плюс иногда плагины обрабатываются методом pipe (потоками) - значит работают быстрее -
Как сделать чтобы при синтаксической или какой другой ошибки в .sass синхронизация с браузером не останавливалась, а к примеру просто выводило лог с ошибкой и при исправлении ошибки не приходилось заново запускать browserSync
-
Помогите, объясните пожалуйста. Я давно занимаюсь версткой, но Gulp никогда еще использовать не приходилось. Тут прислали задание - внести изменения в верстку и прислали архив с Gulp сборкой (там папки build, src и файлы bower.json, gulpfile.js, package.json) Как мне внести изменения в такую верстку? как просмотреть страницы в браузере? С чего вообще начать? нужно ли устанавливать gulp, node.js? или можно как-то быстрее это сделать? Я в растерянности... Буду Вам очень признательна за любую помощь в данном вопросе.
-
Всем привет! Такая ошибка - при сохранение стилей в основном файле sass все отлично, а вот если подключать отдельные файлы, например, _header.sass при сохранение выскакивает ошибка - Autoprefixer: Missed semicolon! Точка с запятой все стоит нормально, компилит если несколько раз нажать сохранить, но всегда выскакивает эта ошибка! Вот моя сборка: https://paste.ofcode.org/sLuKmekW88cFusdQPeFaPV ! Помогите пжл)
-
При объединении gulpом css файлов, заменяет ссылки на border-image
1mp0rt posted a question in HTML Coding
Добрый день, подскажите. до объединения css файл: shapka { border-image-source: url(img/shapka.png); } и после: shapka { border-image-source: url("../../../../src/css/img/shapka.png"); } как получить такой путь? shapka { border-image-source: url("../../src/css/img/shapka.png"); } или сделать чтобы ссылку не трогал при объединении? gulpfile.js -
Всем привет, такой вопрос, начал юзать jade, но двойной include сделать не получается, например я делаю include в index.jade файла page-header.jade а в не написан include main-nav.jade. Дак вот как можно ему указать родительский каталог?
-
Буду дико благодарен тому, кто сможем помочь мне пошагово настроить среду разработки в редакторе Atom. Конкретно, нужно настройка gulp, sass и прочих смежных вещей, и следовательно, компиляцию в конце, чтобы всё это собиралось в файлы html/css/js и т.д. Готов подстроиться под удобные вам дни/часы. Можно по скайпу, в слаке, в общем, там, где вам удобно!
-
Помогите пожалуйста доверстать письмо. Вопросов несколько - буду выкладывать по степени формирования. Заранее спасибо всем кто не бросил начинающего. Пишу в Zurb Foundation 2, с помощью Inky и sass 1. Как сделать полосу во весь экран? (номер строки html кода: 144-151) 2. Мой SblimeText подсвечивает вопросы в строчках кода у body и table. Такая же история в конце кода с этими же тэгами. Если навести ничего не показывает, или редко ненадолго говорит об ошибке со скобками. Как побороть? basic.html app.scss
-
помогите пожалуйста разобраться. собираюсь начать пользоваться gulp, но не понимаю в чём разница между глобальной и локальной установкой если я поставлю gulp локально, то создастся каталог node_modules, в котором будет и сам gulp, и подключаемые модули. остаётся только настроить файл конфига gulpfile.js но если я поставлю gulp глобально, то gulp и подключаемые модули будут храниться где-то в ОС, и мой конфиг будет искать их не в каталоге проекта, а в другом месте. непонятно то, что если я ставлю gulp глобально, то после установки какого-нибудь модуля: npm install gulp-clean-css --save-dev всё равно создаётся node_modules. поэтому мне непонятно какой смысл в глобальной установке
-
макет вёрстка (адаптивная до 320px) Использовал: jade+sass+gulp. Требуется критика вёрстки, любые пожелания, указание на ошибки/недочёты, также приветствуются. От себя несколько вопросов: 1) Google page speed даёт низкую оценку скорости: Как это исправить?? скрин 2) Валидатор постоянно ругается на подключённые через гугл шрифты, можно ли это как-то исправить? скрин ошибки
-
Адаптивная верстка IE10+ Для себя сделал вывод, меню лучше делать два: одно полноразмерное, другое для мобильных устройств. Правда, в ie8 не отображается ровным счетом ничего(пустая страница), что для меня пока загадка. Может кто знает ответ?
-
Ребята, назрел такой вопрос. Допустим, я делаю проект по bem-way, то есть отдельные блоки хранятся в отдельных каталогах. В каждом каталоге есть jade-файл с разметкой блока и scss-файл с его стилями. Каким образом можно с помощью Галпа собрать любой отдельный блок вместе с его стилями? Понятно, что можно на каждый блок насоздавать тасков, но ведь блоков может быть адова куча и постоянно добавляются новые, замучаешься таски добавлять. Было бы круто, если бы таск был один, но принимал, например, в качестве параметра в командной строке имя файла блока (или всего каталога, неважно, ради такого я готов терпеть любые ограничения в именах файлов и каталогов ) и собирал итоговый html+css в отдельную папочку. Нагуглить такого сходу не смог :\
-
Может кто сталкивался с подобным, не могу импортировать другие sass файлы в основной (main.sass) К примеру подключение стилей файла reset.sass: @import "test/reset"После запуска компилятора, появляется ошибка Гуглил, предлагают вставить строчку includePaths: ['./styles'],либо плагины. Но почему-то всё равно не получается(( gulpfile var gulp=require("gulp");var sass=require("gulp-sass");gulp.task('sass', function() { return gulp.src('work-build/sass/*.sass') .pipe(sass({ includePaths: ['public-build/css'] //это строка, которой предлагали лечить данную проблему, но всё равно не работает, может я неправильно путь указываю })) .pipe(gulp.dest('public-build/css'));});gulp.task('watch', function(){ gulp.watch('work-build/sass/*.sass', ['sass']);});
-
Всем привет! Срочно ищем в офис в Москве на полную ставку отвязного frontend-разработчика с навыками джедая. Полное описание вакансии здесь: https://moikrug.ru/vacancies/1000021706 Пишите на почту из текста вакансии или мне в личку.
-
Всем привет! На днях столкнулся с такой проблемой: gulp-concat собирает файлы не в том порядке, в котором мне нужно. Из-за этого скрипт работает неправильно. Пробовал менять местами элементы массива в gulp.src() - не помогло. Может кто знает, как работает эта штука и как изменить порядок конкатенации файлов? Спасибо!
-
Добрый день. Прошу помочь разобраться с этим зверем. Js знаю на уровне написания скриптов на jquery. Что пока есть. Установил Node, gulp. В папке с проектом создал папку dev, в которой храню less,js исходники bootstrap. (Bootstrap просто взял чтобы поучиться настраивать gulp) Задача состоит вот в чем. Хочу чтобы less файлы объединялись в один, затем конвертировались в css, прогонялись через autoprefixer минимизировался и сохранялся в папке /css/min.css Так же и js, но с этим думаю справлюсь как пойму принцип. Так же вопрос насчет плагинов, нужно их самому ставить если стоит npm? Допустим вот исходный файл gulpfile.js var gulp = require('gulp');gulp.task('css', function() { return gulp.src('dev/less/*.less') .pipe(less()) ///не знаю дальше что делать});Покажите пожалуйста на примере этого файла как подключить плагины(например autoprefixer,minimify,less) и как выполнить то что выделено серым? Ну и как собственно выполнить потом это все дело Заранее благодарю, надеюсь на вашу помощь. Хочу одолеть зверя.
