Size: a a a

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

2019 September 09

Т

Тарас in Webpack — русскоговорящее сообщество
Ребят
Всем спасибо за ответы
источник

Т

Тарас in Webpack — русскоговорящее сообщество
Alex CherryTea
@taras_yakymiuk, резюмируя, плагин этот лучше выкинуть, и пользоватсяя css модулями. У тебя не только лишних стилей в css не будет, и в html классы почистятся к которым не привязано стилей
А как модули помогают избегать неиспользованный классов? Я предполагал что это просто скоупинг для стилей
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Тарас
А как модули помогают избегать неиспользованный классов? Я предполагал что это просто скоупинг для стилей
при модулях ты наприямую пишешь где лежит файл стилей (когда пишешь import) и какие классы из этого файла используешь (когда пишешь style.<название класса>)
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
благодоря тому что есть прямая однозначняая связь вебпак может свободно выполнять любые трансформации со связанными парами как-то - автоматическая генерация БЭМ-а, минификация названия классов, удаление не используемых классов и проч
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
и т.к. файл стилей при модулях это js обект появляется возможность его экспортировать, передавать другим компонентам в пропсах и прочее что можно делать с js обьектами без потери этой связи
источник

Т

Тарас in Webpack — русскоговорящее сообщество
спасибо за обьяснения
я пишу сейчас бэмом, и мы так же импортируем файл сцсс в джаваскриптовый файл

звучит так, что происходит то же самое?
Если что, я не придираюсь, просто пытаюсь понять
источник

Т

Тарас in Webpack — русскоговорящее сообщество
если не ошибаюсь, то sass/css loader-ы таким же образом приводят цсс в обьекты или все же есть разница?
источник

IB

Ivan Baranov in Webpack — русскоговорящее сообщество
Здаров! Сделал проксирование, только теперь у меня hmr отвалился т.к err_cert_authority_invalid. Т.е браузер перестал воспринимать дефолтный вебпаковский сертификат. В доки написано просто установить security false. Но похоже этого недостаточно.
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Тарас
спасибо за обьяснения
я пишу сейчас бэмом, и мы так же импортируем файл сцсс в джаваскриптовый файл

звучит так, что происходит то же самое?
Если что, я не придираюсь, просто пытаюсь понять
А как вы импортируете покажите
источник

Т

Тарас in Webpack — русскоговорящее сообщество
import "someStyles.scss";
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Тарас
import "someStyles.scss";
Не, так не катит, надо именованный импорт
источник

Т

Тарас in Webpack — русскоговорящее сообщество
если глянуть в бандл (если отключить стайл лоадер), то они в форме обьектов лежат в бандле
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Тарас
если глянуть в бандл (если отключить стайл лоадер), то они в форме обьектов лежат в бандле
Да, но если вы импортируете как вы описали то вебпак не знает какие стили вы используете
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
И бем вы можете генерить автоматикой. Это быстрее и что еще важнее - надежнее, автоматика опечатки не допускает
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
И рефактор проще
источник

Т

Тарас in Webpack — русскоговорящее сообщество
надо будет читнуть за автоматику
источник

Т

Тарас in Webpack — русскоговорящее сообщество
спасибо!
источник

L

Lesha in Webpack — русскоговорящее сообщество
Всем привет. Как собираете JS, когда для множества страниц присутствуют отдельные модули? Кроме entrypoint'а, так как модулей достаточное количество, все превращается в "портянку". Знаю про splitChunks, но не представляю как применить в данном контексте
источник

KA

Kenan Ayvazov in Webpack — русскоговорящее сообщество
Lesha
Всем привет. Как собираете JS, когда для множества страниц присутствуют отдельные модули? Кроме entrypoint'а, так как модулей достаточное количество, все превращается в "портянку". Знаю про splitChunks, но не представляю как применить в данном контексте
можешь просто асинхронные чанки сделать ( это самый простой вариант )
источник

L

Lesha in Webpack — русскоговорящее сообщество
Kenan Ayvazov
можешь просто асинхронные чанки сделать ( это самый простой вариант )
Спасибо, примерный посыл понял
источник