AY
В прод режиме тоже ?
Size: a a a
2019 August 04
SB
В прод режиме тоже ?
Да
AY
У меня идеи закончились)
SB
У меня идеи закончились)
:) Ну хотябы обнадёжил, что это рельно. Буду копать ещё.
Лишний CSS ведь не прилитает от модификаторов в таком случае (рабочем)?
Лишний CSS ведь не прилитает от модификаторов в таком случае (рабочем)?
SB
:) Ну хотябы обнадёжил, что это рельно. Буду копать ещё.
Лишний CSS ведь не прилитает от модификаторов в таком случае (рабочем)?
Лишний CSS ведь не прилитает от модификаторов в таком случае (рабочем)?
Вроде как заработало...
в package.json прописал
в package.json прописал
"sideEffects": [
"*.css"
]
SB
Вроде как заработало...
в package.json прописал
в package.json прописал
"sideEffects": [
"*.css"
]
Правда есть один ньюнс, нужно линтеры натравливать на такие вещи, т.к. CSS теряется в проде.
import './Container@desktop.css';Так работает
export * from './Container';
import { Container as ContainerCommon } from './Container';
import './Container@desktop.css';
export * from './Container';
export const Container = ContainerCommon;2019 August 05
EW
Вроде как заработало...
в package.json прописал
в package.json прописал
"sideEffects": [
"*.css"
]
Это проблема вебпака для файлов ре-экспортов, есть ишьюс где-то у них, @yeti_or знает подробности точно 🙂
EW
Про CSS теряется не совсем понял, можно подробностей?)
SB
Про CSS теряется не совсем понял, можно подробностей?)
Файл с CSS в прод. сборку не попадает.
EW
Это странно, т.к. ре-экспорт
export * from './Container' должен отработать корректноEW
или ты про десктопные стили?
EW
Кажется, что должно быть вот так:
Т.е. сперва подключаешь common уровень, затем desktop
export * from './Container';
import './Container@desktop.css';
Т.е. сперва подключаешь common уровень, затем desktop
SB
Кажется, что должно быть вот так:
Т.е. сперва подключаешь common уровень, затем desktop
export * from './Container';
import './Container@desktop.css';
Т.е. сперва подключаешь common уровень, затем desktop
Хм, попробую. Спасибо
2019 August 06
SB
Кажется, что должно быть вот так:
Т.е. сперва подключаешь common уровень, затем desktop
export * from './Container';
import './Container@desktop.css';
Т.е. сперва подключаешь common уровень, затем desktop
Не, не работает такой способ. Возможно webpack тупо выкидует это место (модуль), т.к. css это сайд-эффект, а больше в модуле ничего нет. Но это не точно.
🐵V
Йоу привет, мы тут дизайнерами учимся в реакт с бэм класс нейм. Подскажите правильно ли мы записываем двойной микс, или можно как-то проще?)
<div className={cnCardOpen({ width: 'full', size: 'l', view: props.view }, [cnPtCard({ width: 'full'}, [cnTheme({color: 'whitepaper-inverse'})])])}>EW
<div
className={cnCardOpen({
width: 'full',
size: 'l',
view: props.view
}, [cnPtCard({ width: 'full'}), cnTheme({ color: 'whitepaper-inverse' })])}
/>
EW
Можно в один массив передавать все миксы
🐵V
О спасибо)
🐵V
Поправим)
MK
Докину ещё вопрос.
Используем классическую нотацию
Есть ли возможность изменить (настроить) такой же нейминг папок на файловой структуре для элементов, чтобы было консистентно с тем, что лёжи внутри CSS?
Используем классическую нотацию
const cn = withNaming({ e: '__', m: '_', v: '_' });Есть ли возможность изменить (настроить) такой же нейминг папок на файловой структуре для элементов, чтобы было консистентно с тем, что лёжи внутри CSS?