Всем привет! Прошу сильно не пинать, так как тема немного заезженная, но, тем не менее, у меня возникли трудности. Плюс, я бэкендер, которому поставили такую задачу: - Фронтендер верстает на чистом html+scss. В результате должен появиться один html файл, содержащий только инлайновые стили. Да, это файл эмейл рассылки. Нагуглид некоторые пакеты на базе gulp, но мне надо на базе вебпака, а таких ещё не находил. Есть у кого что на примете? Буду очень благодарен.

Веб пак и умеет собирать ... как бы

pug и stylus точно

Собирать - да, но умеет ли он доставать из scss/css правила и прописывать их инлайново? В доке такой инфы не нашел.

У нас есть одна сборка на scss+pug на gulp, но там треш полный. На чистом html код куда лучше и читабельный выглядит.

Собирать - да, но умеет ли он доставать из scss/css правила и прописывать их инлайново? В доке такой инфы не нашел.

https://www.npmjs.com/package/inline-css-webpack-loader

Пардон ... не та либа

Пардон ... не та либа

Натыкался на нее не так давно, только не помню почему мимо прошел. Вспомнил. Она для реакта

https://www.npmjs.com/package/html-inline-css-webpack-plugin

https://www.npmjs.com/package/html-inline-css-webpack-plugin

Спасибо большое! На эту ещё не натыкался

Я просто загуглил

Видимо я как-то не так гуглил :-)

Видимо я как-то не так гуглил :-)

webpack css inline

Понял свою ошибку: я пытался найти сборщики писем на вебпаке, вот Гугл и выдавал решения на реакте и сборщике gulp, говоря что, мол, на вебпаке таких нет А столь простой запрос, почему-то, не догадался ввести. Ещё раз большое спасибо.

Как мокать модули в тестах, не юзая Jest? 🌚

Мокать модули не есть гуд, все твои зависимости должны инкапсулироваться. Тестирование подразумеват что ты не меняешь повередение твоего класса. А заменив модуль ты поменял его поведение. Так что скорее всего нужно пересмотерть твою архитекртуру. Но коль на то пошло заменить модуль можно допустим в отльоной сборке webpack к примеру если ты его используешь (https://webpack.js.org/plugins/normal-module-replacement-plugin/). Чекаешь что NODE_ENV == "testing" и подменяешь модуль. если предпроцессинга нету то можно вынести определеение модуля в свой подмодуль который в зависимости от то же NODE_ENV будет тебе отдавать либо оригинальный модуль либо мок (последний способ конечно костыль). Так что лучше пересмотри совй код.

как селениумом найти такой элемент по data-task-id="123456" <a href="#" data-task-id="123456" class="task-tools-hide delete"><i class="fa fa-trash"></i> Скрыть</a>

как селениумом найти такой элемент по data-task-id="123456" <a href="#" data-task-id="123456" class="task-tools-hide delete"><i class="fa fa-trash"></i> Скрыть</a>

https://www.google.com/url?sa=t&source=web&rct=j&url=https://stackoverflow.com/questions/26304224/find-element-by-attribute/26304440&ved=2ahUKEwiCktCFiKvdAhUDtosKHZ7bDcAQFjABegQIBxAB&usg=AOvVaw2rVCL55xVJa-UtQ0G33VBi В гугле забанили?

https://www.google.com/url?sa=t&source=web&rct=j&url=https://stackoverflow.com/questions/26304224/find-element-by-attribute/26304440&ved=2ahUKEwiCktCFiKvdAhUDtosKHZ7bDcAQFjABegQIBxAB&usg=AOvVaw2rVCL55xVJa-UtQ0G33VBi В гугле забанили?

🤢

Народ, нужна помощь опять...

const getAllModules = (modulePath) => { console.log(modulePath); for (const item of fs.readdirSync(modulePath)) { const dirPath = modulePath + '/' + item; if (!fs.lstatSync(dirPath).isDirectory()) { continue; } const modulePath = dirPath + '/' + item + '.module.ts'; if (!fs.existsSync(modulePath)) { continue; } const {flags, name} = parse(modulePath); if (flags.module !== 'include') { continue; } // console.log(' ', flags['display-name'].blue, flags['packet-version'], enabledModules.indexOf(name) >= 0 ? '-- подключен'.green : ''); } }; Ругается на 4 строку modulePath is not defined Хотя строка 2 выводит этот modulePath Почему modulePath не попадает в цикл?

ля...

Ну спасибо) Очередной раз убеждаюсь что эволюция обошла меня стороной...

Ну спасибо) Очередной раз убеждаюсь что эволюция обошла меня стороной...

Const item тоже не желательно по-моему

или как в приложении телеги

Да

как вы думаете, есть ли смысл шипиририть jq с редаксом чтобы стэйт в одном месте хранить ?

ривет ребята вот хотел дополнить сборку OptimizedHTML 4 gulp хочу добавить Sourcemaps но почемуто не получается подскажите пожалуйста что не так?

https://codepen.io/anon/pen/dqZBGz?editors=1010

вот ошибка

Error: Invalid CSS after "{": expected 1 selector or at-rule, was '{"version":3,"names' on line 1 of app/sass/app/main.sass.map >> {"version":3,"names":[],"mappings":"","sources":["main.sass"],"sourcesConten ^

selenium hide = browser.find_element_by_css_selector('[data-task-id="1234567"]') находится этот элемент # <a href="#" data-task-id="1234567" class="task-tools-hide delete"><i class="fa fa-trash"></i> Скрыть</a> выполняю hide.click() происходит переход по ссылке, а мне этого не нужно # href="#" как поймать элемент, удалить из него href="#" и кликнуть?

он находит какую то ссылку и переходит по ней

а мне надо сделать клик по <a data-task-id="1234567" class="task-tools-hide delete"></a>

можно ли сгенерить этот элемент?

есть сайт bosslike.ru, я там собираю базу спамеров, они показываются по 15 шт, и для показа следующего надо скрыть предыдущего

если <a href="#" data-task-id="1234567" class="task-tools-hide delete"><i class="fa fa-trash"></i> Скрыть</a> жать мышкой - спамер скрывается если селениумом - показывается реклама

♋️

вот такой элемент тоже работает < div data-task-id="123456" class="task-tools-hide delete">111</div>

так что тут онклик событие, а не ссылка

да

я даже кликал в селениум-хром браузуре

возможно)

дать логин-пароль?

Const item тоже не желательно по-моему

Почему?

Почему?

Внутри for, item постоянно будет меняться, то есть по логике не правильно объявлят const

объясните, зачем ставить // ?

делать им нечего вот и ставят

хелп, кто-то шарит в чем проблема?

А чего добился ты джеэсер на просторах высокой моды? 😂

хелп, кто-то шарит в чем проблема?

А ты какого гульпа юзаешь?

хелп, кто-то шарит в чем проблема?

Написано же «expected ,»

Что у тебя выше?

Внутри for, item постоянно будет меняться, то есть по логике не правильно объявлят const

Не так эта логика работает

У нас эта константа обтявляется в цикле.

Так можно

@daniilkk

Так можно

for (let i = 0; i < arr.length; i ++) { const item = arr[i]; } Так же можно? Вот. А const item of arr это полноценный аналог этого выражения...

@random_balance выше 96 строки как раз недавно добавил

@random_balance выше 96 строки как раз недавно добавил

94 строка вместо запятой скобка и точка с запятой. не?

та же тема

фигурная там лишняя

круглую - бинго

спасибо

Добрый вечер! Кто-нибудь работал с OpenStreetMap? Начал вот изучать (нужно отоброжать карту с метками и немного с ними взаимодействовать). Какую JS-библиотеку лучше использовать? Судя по первоначальному поиску — OpenLayers?

кто-то шарит в чем проблема?

плохо помню gulp но вроде return надо сделать

а не, 'compile-jade' !== 'compile_jade'

@livemirsi точняк братик, все верно говоришь

А чего добился ты джеэсер на просторах высокой моды? 😂

Со мной тоже такая училась, но код писали за нее

Првиет.всем. Как правильно отменить событие родительское при клике по дочерному элементу? Правильно же? Событие распространяется от дочерных элементов вверх до родительских?

Со мной тоже такая училась, но код писали за нее

Думаю это немного другой случай: https://stackoverflow.com/users/2274694/lyndsey-scott https://www.raywenderlich.com/u/lyndsey

Првиет.всем. Как правильно отменить событие родительское при клике по дочерному элементу? Правильно же? Событие распространяется от дочерных элементов вверх до родительских?

отменить всплытие. но делать это крайне не рекомендуется)

отменить всплытие. но делать это крайне не рекомендуется)

если сделать что то подобное e.stopPropagation(); e.preventDefault(); то по идее должно помочь же? верно?

если сделать что то подобное e.stopPropagation(); e.preventDefault(); то по идее должно помочь же? верно?

Да. Но это стоит делать, когда ты точно уверен в своих действиях. И прибегают к такому редко. Вот прогляди: https://javascript.info/bubbling-and-capturing

Да. Но это стоит делать, когда ты точно уверен в своих действиях. И прибегают к такому редко. Вот прогляди: https://javascript.info/bubbling-and-capturing

прочитал, думаю подойдет. может есть другие у кого идеи, пример такой: Суть такова: есть контейнер <div class="js-click"> <div>elem 1</div> <div>elem 2</div> <div class="elem">My Elem</div> </div> Обработка кликов установлена на все div.js-click div мне же нужно при клике на My Elem - выполнять свои действия и при этом запретить выполнение родительского действия div.js-click div Отменить или как то более гибко настроить событие клика родителя нет возможности. Потому в голову лезит только одно: Назначить событие клика на div.elem и выполнить e.stopPropagation(); e.preventDefault(); Может у кого есть еще какие идеи... как снять событие клика с элемента <div class="elem">My Elem</div>

что делаю не так?