maxdenaro / gulp-maxgraph Goto Github PK

Рекомендуемые плагины для VS Code

Самый важный из них – projects snippets

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

Здравствуйте, подключил карту яндекса внизу страницы, как и посоветовали в предыдущей теме. Возникла проблема с подключением и других частей кода. Код работает. Когда я его прописал в тегах внизу страницы - они свою работу выполняют.

Все действия повторял за Вами из этого урока: https://rutube.ru/video/06997803df3fdf02f4dec6e7500b5f6c/

Вот что получается у меня:

Что я упускаю?

в сборке в файле "_postinstall.js" обнаружен троян JS.Siggen5.44590.
вот что пишет антивирус :
"Объект";"Угроза";"Действие";"Путь";
"_postinstall.js";"JS.Siggen5.44590";"Перемещено";"C:\Users\javaScript\верстка\gulp-maxgraph\node_modules\es5-ext_postinstall.js";

Привет!
Как я понял модалку из модалки вызвать не получится в текущей сборке.
Возможна вообще доработка такая?

При выполнении задания SKILLBOX по совету куратора использую Вашу сборку.

Всё пока работает, быстро обновляются изменения. Однако при работе с картами возникла проблема.
Согласно инструкции я сделал:

1. Отдельный файл в components map.js
2. В _components.js прописываю импорт import './components/map';
3. В head.html прописываю <script src="https://api-maps.yandex.ru/2.1?apikey=()&lang=ru_RU"></script> с ключом yandex api.
4. В консоли ошибок нет.

В связи с этим, мне кажется, что что-то куда-то ещё нужно прописать, чтобы карта появилась.

В собственной сборке карта работает и даже без api ключа. Поэтому не могу понять почему этого не происходит в данном случае.

Запускаю сборку, но при изменении разметки или стилей не обновляется страница. Консоль ошибок не выдает и при этом конфигурации сборки я не менял как таковой, в чем может быть причина? Каждый раз проект перезапускать для отображения изменений приходится

2023-07-18T13_45_43_772Z-debug-0.log

После клонирования и "npm i " выдает ошибку с установкой [email protected]

Максим, добрый день.

Заметил, что при сборке gulp build, где используется функция HTMLMinify, происходит выброс тега <span> с содержимым из тега <a>. А также выбрасывает <svg><use> из тега <a>.

<ul class="list-reset market__header-sort market-sort"> <li class="market-sort__item"> <a href="javascript:void(0);" class="btn btn-reset btn-transparent market-sort__btn active" > </li> <span>по цене</span> <svg class="sort-triangle"> <use xlink:href="img/sprite.svg#sort-triangle"></use> </svg> </a> <li class="market-sort__item"> <a href="javascript:void(0);" class="btn btn-reset btn-transparent market-sort__btn" > </li> <span>по рейтингу</span> <svg class="sort-triangle"> <use xlink:href="img/sprite.svg#sort-triangle"></use> </svg> </a> <li class="market-sort__item"> <a href="javascript:void(0);" class="btn btn-reset btn-transparent market-sort__btn" > </li> <span>по скорости выполнения</span> <svg class="sort-triangle"> <use xlink:href="img/sprite.svg#sort-triangle"></use> </svg> </a> </ul>

Здравствуйте, Максим Васянович!
Я впервые использую ваша сборка GULP.
Мне очень понравится ваша сборка. я смотрел ютуб твой канал видео про инструкция сборка GULP.
Но у меня пришли проблема сборку стиль. Не возможно локальные файлы в scss vendor.
Я все соблюдал порядок подключения.
как решить эту проблему?
Покажу образ ошибку (фото), здесь
https://ibb.co/dfVsr12
https://ibb.co/t361Ytd
https://ibb.co/6XKJmgT
https://ibb.co/pP7djRt
(сайт надежный) https://ru.imgbb.com/
Спасибо большое!

src/scss/mixins/_layout.scss
18:24 ✖ Expected map.get instead of map-get scss/no-global-function-names
23:24 ✖ Expected map.get instead of map-get scss/no-global-function-names

✖ 2 problems (2 errors, 0 warnings)

1. Опция overrideBrowserslist в qulpfile.js - сами авторы плагина Autoprefixer не рекомендуют использовать данную опцию. Что нужно использовать вместо этого - у них написано.
2. Не все функции в qulpfile.js имеют комментарий - например, у resources, images, webpImages их нет. Что, например, делает cache? Нет комментария. Мелочь, но неприятно. Тебе понятно, а кому-то другому - нет. Всем функциям нужны комментарии, лучше чуть развёрнутее.
3. Не помешала бы работа и с другими типами шрифтов, кроме имеющихся.
4. В readme.md нужен якорь наверх хотя бы в конце файла. Это удобно и нужно.
5. В файле _settings.scss: display: none !important; /* stylelint-disable-line declaration-no-important */ - так делать не стоит, это очень плохая практика. Лучше комментарии располагать выше.
6. В файле _settings.scss - много стилей, непонятно зачем и для каких случаев должны использоваться. Тоже местами не хватает поясняющих комментариев.

Это пока всё, что увидел навскидку. Может что ещё будет. ;-)

Не конвертирует шрифты из ttf в woff2

✖ An error occurred while processing validator execution!
Unexpected token � in JSON at position 7

Вот такая ошибка возникает при попытке запустить npm run html

При этом папка app существует и в ней есть html файлы.

"а вот html (и js, если нужен) код к ним написан в соответствующих файлах в папке parts. "

не нашел такой папки в проекте.

При попытке запуска командой Gulp выдает ошибку:
Error [ERR_INVALID_PACKAGE_TARGET]: Invalid "exports" main target "dist/typograf.js" defined in the package config C:\Users\root\Desktop\gulp-maxgraph-master\node_modules\typograf\package.json; targets must start with "./"

Что может мешать запуску?

Добрый день, Максим!
Пользуюсь вашей сборкой уже несколько месяцев, всё круто и хорошо.
Но есть вопрос по асинхронным функциям, подскажите как реализовать корректную работу сборки с использованием данных функций, помогите решить вопрос 🙋.
При использовании асинхронной функции консоль выдает ошибку: Error: Module parse failed: The top-level-await experiment is not enabled (set experiments.topLevelAwait: true to enabled it)

Для решения данной проблемы я установил плагин '@babel/plugin-syntax-top-level-await' и прописал новое условие для webpack: topAwait: true
Но видимо этого не достаточно, либо я делаю не то, что нужно.

const scripts = () => {
return src(paths.srcMainJs)
.pipe(plumber({
errorHandler: notify.onError({
title: "JS",
message: "Error: <%= error.message %>"
})
}))
.pipe(webpackStream({
mode: isProd ? 'production' : 'development',
output: {
filename: 'main.js',
},
module: {
rules: [{
test: /.m?js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: [
['@babel/preset-env', {
targets: "defaults",
// Включение эксперимента с верхнеуровневым ожиданием
// (top-level await)
topAwait: true
}]
]
}
}
}]
},
devtool: !isProd ? 'source-map' : false
}))
.on('error', function (err) {
console.error('WEBPACK ERROR', err);
this.emit('end');
})
.pipe(dest(paths.buildJsFolder))
.pipe(browserSync.stream());
}

Так сейчас выглядит файл.

Не уверен что ошибка стоит создания целого issue, но в подключении модуля enable-scroll есть опечатка.

// import { enableScroll } from './functions/disable-scroll';

заменить на:
// import { enableScroll } from './functions/enable-scroll';

Если ошибка слишком незначительна для указания, поправьте меня и я буду в следующий раз вести себя скромнее.

Предлагаю в сборку добавить функцию выгрузи на удалённый фтп сервер или rsync,загрузка только изменённых файлов

При gulp backend, html в тех местах где используется file-include, собирается криво, с неправильными отступами.

Подскажите пожалуйста! Есть страницы: index.html, about.html и article-1.html, которая находиться в папке blog, index.html и about.html нет проблем, все работает, сервер, сборка и тд, но если путь /blog/article-1.html - страница не найдена, в сборке не участвует - как исправить?

При попытке установить зависимости сборки стабильно вылетает ошибка.
Прикладываю логи с python и без.
Первый лог:
2021-12-13T19_50_30_926Z-debug-0.log
Второй лог:
2021-12-14T10_07_13_083Z-debug-0.log

Максим, добрый день!
При верстке многостраничного сайта предпочтительнее подключение скриптов отдельно для каждой страницы html, чтобы использовать только необходимые для этой страницы подключения. Но js компоненты компилируются в один файл main.js
Возможно ли реализовать отдельное подключение?

Добрый день,
отличная и удобная сборка, но столкнулся с проблемами.

• [ ]

При очередном запуске npm run dev выдаёт серию таких ошибок:

И далее, по предложенным в терминале инструкциям, создаю в корне проекта файл webpack.config.js , и следую этой инструкции, например:

If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "domain": require.resolve("domain-browser") }'
- install 'domain-browser'

Но ровным счётом ничего не происходит. Проект запускается, но без JS. Консоль выдаёт ошибки:

• [ ]

Создаю новый проект, клонирую ваш репозиторий, устанавливаю зависимости, запускаю npm run dev, консоль выдаёт

Было бы круто, если бы вы подсказали, как поступить