Size: a a a

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

2019 August 29

FB

Furrya Black in Webpack — русскоговорящее сообщество
Aзамат Олегович
Ассеты все инлайнятся, однако банковская либа,  тянет шрифты из css файла и нужно костылить, такие дела)
ну, стили как организованы? вообще система компонентая у проекта?
то есть к примеру реакт/vue, стили импортятся в компоненты и лежат рядом с ними
в css chunk extractor плагине под вебпак (они там разные есть не суть)
в filename прописать styles.css вместо [name].[chunkhash:5].css
источник

FB

Furrya Black in Webpack — русскоговорящее сообщество
должен быть один css
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Furrya Black
ну, стили как организованы? вообще система компонентая у проекта?
то есть к примеру реакт/vue, стили импортятся в компоненты и лежат рядом с ними
в css chunk extractor плагине под вебпак (они там разные есть не суть)
в filename прописать styles.css вместо [name].[chunkhash:5].css
🤔🤔🤔🤔🤔🤔🤔🤔 а че так можно было?
источник

A

Aзамат Олегович in Webpack — русскоговорящее сообщество
Angular, и либа банка как раз ui, у которой в index.less туча импортов в том числе и на шрифты, в либу лезть плохо, нужно как то обыграть
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
limit-chunk-count-plugin т.е. не нужен?
источник

FB

Furrya Black in Webpack — русскоговорящее сообщество
Alex CherryTea
limit-chunk-count-plugin т.е. не нужен?
там про css
источник

FB

Furrya Black in Webpack — русскоговорящее сообщество
а ты про и про js
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Furrya Black
там про css
ну твоя схема и с js поидее прокатить должна если с css работает
источник

FB

Furrya Black in Webpack — русскоговорящее сообщество
Alex CherryTea
ну твоя схема и с js поидее прокатить должна если с css работает
с css extract plugin? а js как тут xd
источник

FB

Furrya Black in Webpack — русскоговорящее сообщество
я потому и спрашиваю, уточнить, как организован проект
может там есть папочка styles в ней all.sc(a)ss какой нить который как единый  entrypoint
а там свои css классы +- bootstrap/bulma
этож банк xd
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Furrya Black
с css extract plugin? а js как тут xd
просто догадки. Надежда на консистентность. Имеет смысл.
источник

A

Aзамат Олегович in Webpack — русскоговорящее сообщество
Furrya Black
я потому и спрашиваю, уточнить, как организован проект
может там есть папочка styles в ней all.sc(a)ss какой нить который как единый  entrypoint
а там свои css классы +- bootstrap/bulma
этож банк xd
Ну примерно так оно и есть и нужно как-нибудь  закостылить, что бы ещё и чуваки, которые в будущем допиливать будут смогли разобраться, поэтому в сам этот entrypoint и не полезешь, можно просто выборочно из него нужные импорты повыдергивать, но это выглядит немного не ок)
источник

AN

Anton Nemtsev in Webpack — русскоговорящее сообщество
Да, webpack analyzer генерирует json-report.
Интересным фактом является то что он весит 52Mb и содержит 618459 строк текста.
Я пока не знаю как это коментировать. Но я слегка -охуел- удивлен.

А как из него выловить те же кусочки что на графике показывает и в списке (Show chunks:)?
Может быть кто то встречал описание формата отчета?
источник

倫岡

倫太郎 岡部 in Webpack — русскоговорящее сообщество
Anton Nemtsev
Да, webpack analyzer генерирует json-report.
Интересным фактом является то что он весит 52Mb и содержит 618459 строк текста.
Я пока не знаю как это коментировать. Но я слегка -охуел- удивлен.

А как из него выловить те же кусочки что на графике показывает и в списке (Show chunks:)?
Может быть кто то встречал описание формата отчета?
Еба, а друг там хром какой-нибудь?
источник

AN

Anton Nemtsev in Webpack — русскоговорящее сообщество
Нет, вроде таки отчет. Но большой и подробный. Есть подозрение что методом тыка будет больно.
источник

倫岡

倫太郎 岡部 in Webpack — русскоговорящее сообщество
Тогда лучше не трогать
источник

AN

Anton Nemtsev in Webpack — русскоговорящее сообщество
нада
источник

倫岡

倫太郎 岡部 in Webpack — русскоговорящее сообщество
(
источник

AN

Anton Nemtsev in Webpack — русскоговорящее сообщество
интересен опыт коллег и есть ли к этому документация
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
да там обычное дерево зависимостей
источник