andreyalexeich / gulp-scss-starter Goto Github PK

Вместо установите NodeJS 12-ой версии

Укажите явно установите NodeJS 12.20.0 или 14.13.1

мой вывод сделан исходя из ошибки error [email protected]: The engine "node" is incompatible with this module. Expected version "^12.20.0 || ^14.13.1 || >=16.0.0". Got "14.0.0"

Это будет справедливо :)

На последнем Browser-Sync v2.27.7 перестал работать Browser-Sync-Ui теперь по адресу localhost:3001 ничего нет.

Вот решение проблемы BrowserSync/browser-sync#1917 (comment)

Надеюсь кому-то пригодится.

Добрый день. Подключение jQuery всё ещё не работает в сборке, прошу протестировать совместимость.

Как получить переменную, указывающую production, чтобы соответственно выводить определенный блок в паге на продакшене, а на деве не выводить

Добрый день!

Начал использовать сборку - вроде разобрался. НО не сроллятся страницы при верстке.
Верстку делаю по блокам - header, main, footer.
В index.html вставлены все блоки через rigger: //= ..........
Сверстал header(со стилями), main(html только), но при просмотре в браузере невозможно пролистать страницу вниз, чтобы увидеть остальные элементы. Только, если масштабом баловаться.
С уменьшенным масштабом - http://prntscr.com/ncjxgi
100% масштаб - http://prntscr.com/ncjysk

P.s. проверял даже если код писать полностью в index.html (в папке view) - всё равно не скроллится.

Я что-то не так делаю?
Если это баг, то как его исправить?

Андрей, добрый день. Ваша сборка мне очень нравится, но есть вопрос по bem в директории blocks. Для main.html есть примеры использования. Подскажите, пожалуйста, как должен выглядеть файл main.js? Хотя бы небольшой пример.

Последнее время по какой-то причине перестает работать вотчер, ошибок в консоле нет, просто при изменении файлов не отрабатывает сборщик, и проект не перебирается, может знает кто в чем может быть причина?

Internal Error: gulp-scss-starter@workspace:.: This package doesn't seem to be present in your lockfile; run "yarn install" to update the lockfile
at tF.getCandidates (C:\Users\zagz\Desktop\тестовое 2\gulp-scss-starter.yarn\releases\yarn-3.2.0.cjs:437:4480)
at wd.getCandidates (C:\Users\zagz\Desktop\тестовое 2\gulp-scss-starter.yarn\releases\yarn-3.2.0.cjs:395:1281)
at C:\Users\zagz\Desktop\тестовое 2\gulp-scss-starter.yarn\releases\yarn-3.2.0.cjs:441:7765
at Pg (C:\Users\zagz\Desktop\тестовое 2\gulp-scss-starter.yarn\releases\yarn-3.2.0.cjs:394:11098)
at le (C:\Users\zagz\Desktop\тестовое 2\gulp-scss-starter.yarn\releases\yarn-3.2.0.cjs:441:7745)
PS C:\Users\zagz\Desktop\тестовое 2\gulp-scss-starter>

Мне нужно подключить несколько библиотек у них файлы .css и .js
Есть примеры более подробные, с jquery то, что из описания, не прокатило.

Снова я:)
Заметил такую штуку:
Дома использую Win 7 - imagemin работает отлично.
На работе Win10 стоит и при попытке png-24 картинок сжать выдаёт ошибку, что качество не установлено и должно быть 0-100:

Почему на Win10 ругается, а на win7 нет?

Здравствуйте.

Пользуюсь уже на нескольких проектах Вашей сборкой. За что Вам спасибо!

С недавних пор решил осваивать Linux. И столкнулся с тем, что на Ubuntu сборка не запускается и выдаёт при запуске следующую ошибку:

    paranoic:~/PhpstormProjects/20_18$ gulp
    [14:27:25] Requiring external module @babel/register
    /home/paranoic/PhpstormProjects/project10/gulpfile.babel.js:3
    import gulp from "gulp";
    ^^^^^^
    
    SyntaxError: Cannot use import statement outside a module

Везде пишут, что это беды с babel. Но почему на одной ОС они есть, а не другой нету?

Уже предпринимал следующие меры, но они не сработали:

• На всякий случай проверил запускается какая-то другая сборка на Ubuntu. Есть сборка без import`ов - запускается

• Менял версию node на ту которая поддерживает модули и добавлял в package запись "type": "module"

Что нужно предпринять, чтобы сборка работала и на Ubuntu?

Я боролся несколько часов с тем что не мог подключить скрипты.
Точнее я их подключил, но они отказывались работать, браузер их просто не воспринимал.
Я убрал в webpack.config.js блок
use: {...}
и все заработало!

Не очень удобно постоянно перезапускать сборку при добавлении или внесении изменений в настройки smartgrid.

Можно вынести все настройки в отдельный файл и добавить watcher для него, в результате чего файл примесей будет пересобираться по новым настройкам проекта.

Могу оформить, если идея покажется разумной.

В сборке ширина контейнера max-width: 1280px, мне по шаблону необходима ширина 1440px?
Изменять в _smart-grid.scss ? или просто прописать ширину в классе?

С точки зрения функциональности. Какая будет логика?

1. У вас в /src/views/index.html в файле прописано: <link rel="stylesheet" href="../styles/main.css">
   Если так оставить, то index.html не найдёт стили, необходимо вышеуказанную строку заменить на <link rel="stylesheet" href="styles/main.css"> и все заработает
2. При разработке и создания билда в папку dist/img не копируются картинки включая папку svg, которая есть в src/img по умолчанию, только favicons. Как исправить?

Есть спрайты svg. Не могу найти пример как обратится к спрайту

При установке пакетов выпадает ошибка( в чем проблема?

Уберите из зависимостей пакет dev. Ломает людям жизнь)

Запускаю шаблон, добавляю стили в файл src/style/main.scss и не работает, как починить?

Добавьте ngrok в serve.js или любое другое решение для публикации в веб.

Также столкнулся с проблемой в scss, а именно, если допустить ошибку в стилях, то вотчер за файлами останавливается, приходится перезапускать сборку.

Решил таким способом
.pipe(sass().on('error', sass.logError))

The weird issue is that having gulp-group-css-media-queries, is causing this issue. This is bug and currently I am able to fix is by temporarily removing gulp-group-css-media-queries plugin.

Добрый день!
При подключении библиотеки CDN дописывает (.min) при сборке проекта.
И получается такое вот (bootstrap.min.min.css).
В результате не находит ссылку.
С .js то же самое.

И никак не могу подключить jquery"
через import $ from "jquery";
пишет "not found"
с "wowjs" так же.

Помогите, пожалуйста.

Не работают картинки ни через background-image, ни через тег img !

Выводится ошибка на этапе установки пакета sharp. Самостоятельно разобраться не смог.

src="../src/img/logotype.png"
Не работает. Как исправить?
Не меняет пути у картинок при сборке. Как лечить?

при установке получил следующую ошибку после введения команды Yarn
error An unexpected error occurred: "EACCES: permission denied, unlink '/Users/mac/Documents/app/gulp-scss-starter/node_modules/.bin/acorn'".
info If you think this is a bug, please open a bug report with the information provided in "/Users/mac/Documents/app/gulp-scss-starter/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
на фото ошибка если писать sudo yarn

Помниться в предыдущей версии гальпа у меня работал лайфрелоад средствами иньекции стилей в браузер, а не перезапускал страницу. В вашем скрипте такое возможно?