Телеграмм чат группы webpack_ru страница 2227

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Webpack — русскоговорящее сообщество

1416 membersпожаловаться на группу

2020 March 18

u

undefined in Webpack — русскоговорящее сообщество

https://developer.mozilla.org/ru/docs/Web/HTML/Element/script

defer Это логический атрибут, указывающий браузеру, что скрипт должен выполняться после разбора документа, но до события DOMContentLoaded. Скрипты с атрибутом defer будут предотвращать запуск события DOMContentLoaded до тех пор, пока скрипт не загрузится полностью и не завершится его инициализация. Cкрипты с атрибутом defer будут выполняться в том порядке, в котором они появились при разборе документа.

Веб-документация MDN

: The Script element

HTML Элемент script

да я знаю, что такое defer у скрипта. Этот плагин не дает таких возможностей

источник

09:00пожаловаться #1

u

undefined in Webpack — русскоговорящее сообщество

да я знаю, что такое defer у скрипта. Этот плагин не дает таких возможностей

Для таких целей надо дополнительный подключать что-то типо https://github.com/numical/script-ext-html-webpack-plugin

numical/script-ext-html-webpack-plugin

Enhances html-webpack-plugin functionality with different deployment options for your scripts including 'async', 'preload', 'prefetch', 'defe...

источник

09:02пожаловаться #2

A

Alex CherryTea in Webpack — русскоговорящее сообщество

Для таких целей надо дополнительный подключать что-то типо https://github.com/numical/script-ext-html-webpack-plugin

numical/script-ext-html-webpack-plugin

Enhances html-webpack-plugin functionality with different deployment options for your scripts including 'async', 'preload', 'prefetch', 'defe...

Вы уверены? Из доки плагина
Modern browsers support non blocking javascript loading ('defer') to improve the page startup performance

источник

09:10пожаловаться #3

A

Alex CherryTea in Webpack — русскоговорящее сообщество

https://github.com/jantimon/html-webpack-plugin/blob/master/README.md

jantimon/html-webpack-plugin

Simplifies creation of HTML files to serve your webpack bundles - jantimon/html-webpack-plugin

источник

09:10пожаловаться #4

A

Alex CherryTea in Webpack — русскоговорящее сообщество

Комментарий из кода плагина

* defer will result in <script defer src="..."></script>

источник

09:13пожаловаться #5

A

Alex CherryTea in Webpack — русскоговорящее сообщество

да я знаю, что такое defer у скрипта. Этот плагин не дает таких возможностей

С чем-то перепутали?

источник

09:13пожаловаться #6

u

undefined in Webpack — русскоговорящее сообщество

Вы уверены? Из доки плагина
Modern browsers support non blocking javascript loading ('defer') to improve the page startup performance

посмотрел я в код, реально там defer добавляется https://github.com/jantimon/html-webpack-plugin/blob/master/index.js#L700

источник

09:14пожаловаться #7

u

undefined in Webpack — русскоговорящее сообщество

С чем-то перепутали?

такого раньше не было просто. А глядя в коммиты, эту возможность добавили 17 часов назад только (по крайней мере в ветку master)

источник

09:19пожаловаться #8

A

Alex CherryTea in Webpack — русскоговорящее сообщество

Ну да, фишка новая

источник

09:20пожаловаться #9

A

Alex CherryTea in Webpack — русскоговорящее сообщество

если бы этот дефер флаг делал что-то другое я бы удивился и открыл ишью с просьбой переименовать

источник

09:21пожаловаться #10

АИ

Артем Ильченко in Webpack — русскоговорящее сообщество

А что ты ожидал увидеть? Насколько я знаю, scriptLoading: 'blocking' помещает скрипт в <body>, а scriptLoading: 'defer' в <head>

Ты не прав)

источник

09:44пожаловаться #11

АИ

Артем Ильченко in Webpack — русскоговорящее сообщество

такого раньше не было просто. А глядя в коммиты, эту возможность добавили 17 часов назад только (по крайней мере в ветку master)

Ахаха)) т.е. я вовремя начал настраивать себе сборщик))

источник

09:45пожаловаться #12

A

Alex CherryTea in Webpack — русскоговорящее сообщество

@ymdev , я нашел с чем ты перепутал, флаг inject: 'head' | 'body'

источник

10:00пожаловаться #13

KS

Kirill Sinitsyn in Webpack — русскоговорящее сообщество

Всем привет. Подскажите пожалуйста, не могу найти ответ. Есть 3 страницы html. С помощью htmlwebpackplugin они при сборке генерируются. Подключаются стили. Как для каждой отдельной страницы подключить свой js?? На девсборке все работает. При билде, стили и html ок, а js не работает и не подключается.

источник

11:44пожаловаться #14

NN

Nikita Ni in Webpack — русскоговорящее сообщество

Ребят использую веб пак столкнулся с проблемой. Как правильно решить не знаю. В общем есть layout в проекте в нем подключен script(src="./js/app.js") Скрипты из него работают все ок, но для всех страниц(т.е если я захожу на страницу about.html у меня ошибки, т.к таких селекторов как на main.html нет), подскажите как правильно сделать что бы каждой странице соответствовал свой pagename.js

источник

12:59пожаловаться #15

NN

Nikita Ni in Webpack — русскоговорящее сообщество

вопросец примерно как у человека выше

источник

12:59пожаловаться #16

P

PH_cheerokee in Webpack — русскоговорящее сообщество

кто ставил tailwind, можете скинуть норм конфиг для него?

источник

13:59пожаловаться #17

Е

Егор in Webpack — русскоговорящее сообщество

Всем доброго дня !
Друзья, может кто подскажет, как решить одну проблему со сборкой ? А именно:
Не находит модуль для обработки css (Module not found: can't resolve ./file. .)
Все модули скачаны, зависимости установлены, загрузчики прописаны в конфигурации webpack'a, всё сделано по феншую

источник

14:29пожаловаться #18

u

undefined in Webpack — русскоговорящее сообщество

Егор

Всем доброго дня !
Друзья, может кто подскажет, как решить одну проблему со сборкой ? А именно:
Не находит модуль для обработки css (Module not found: can't resolve ./file. .)
Все модули скачаны, зависимости установлены, загрузчики прописаны в конфигурации webpack'a, всё сделано по феншую

2 пути. Либо ты указываешь расширение import './file.css', либо идешь в конфиг вебпака и прописываешь в

resolve: { extensions: [ '.css', '.js' ] }

Если есть эта опция, то webpack при импорте будет автоматом подставлять расширения справа налево

источник

14:35пожаловаться #19

FB

Furrya Black in Webpack — русскоговорящее сообщество

Ребят использую веб пак столкнулся с проблемой. Как правильно решить не знаю. В общем есть layout в проекте в нем подключен script(src="./js/app.js") Скрипты из него работают все ок, но для всех страниц(т.е если я захожу на страницу about.html у меня ошибки, т.к таких селекторов как на main.html нет), подскажите как правильно сделать что бы каждой странице соответствовал свой pagename.js

- require пачкой всех *.page.js в webpack.entry
- в каждом *.page.js что то вроде

document.addEventListener('DOMContentLoaded', init);

funtion init() ...

// other

источник

14:38пожаловаться #20