Телеграмм чат группы webpack

Size: a a a

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

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

2020 October 23

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

ну значит не так понял.

источник

08:12пожаловаться #1

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

style.module.css

.foo {
  color: red
}

Bar.js

import style from "./style.module.css"

console.log(style)
 // { foo: "Bar__foo" }

источник

08:16пожаловаться #2

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

@iKest 👆

источник

08:19пожаловаться #3

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

Этого достаточно чтобы
MiniCssExtractPlugin потом сделал css чанки

источник

08:21пожаловаться #4

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

const style = await import('./style.module.css')

могу сделать?

источник

08:23пожаловаться #5

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

Конечно. Хотя это довольно странно, обычно откладывают загрузку всего компонента

источник

08:24пожаловаться #6

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

ну это абстрактный пример.

источник

08:25пожаловаться #7

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

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

источник

08:26пожаловаться #8

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

Вариативный это совсем другая история

источник

08:26пожаловаться #9

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

Динамический импорт как бы подразумевает что можно передавать любую строчку в том числе ту которая будет сгенерирована в рантайме, но это не совсем так, динамические импорты анализируется статически до сборки без выполнения кода

источник

08:28пожаловаться #10

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

Konstantin Sedykh

const style = await import('./style.module.css')

могу сделать?

const style = await import('./style.module.css')

Да

const style = await import(variable)

Нет

источник

08:30пожаловаться #11

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

Но

const style = isDark
? await import('./styleLight.module.css')
: await import('./styleDark.module.css')

источник

08:31пожаловаться #12

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

Можно

источник

08:31пожаловаться #13

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

Alex CherryTea

Можно

во, только хотел написать.

источник

08:32пожаловаться #14

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

Доброго дня.
Был ли у кого опыт внедрения реакта в легаси?
В идеале я вижу бандл, который мы сами подключаем в футер, который рендерит компоненты в дивы...

Но вот проблема с чанками. Можно ли сделать довольно-таки легкий бандл, который знает какие чанки подтянуть и самостоятельно это делает?

источник

10:24пожаловаться #15

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

динамический импорт?

источник

10:26пожаловаться #16

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

Konstantin Sedykh

динамический импорт?

Имеешь ввиду Lazy и подобные штуки, которые нужно в коде предусматривать?

источник

10:29пожаловаться #17