AS
ну вот да
Size: a a a
2021 February 17
КС
Мне тоже, кажется что нормально без глюкотрона обновить компонент тяжко
A
Кирилл Спасибович
Для мгновенного обновления css компонента без потери открытых окон и перезагрузки страницы ?
Мгновенного наверное с натяжкой 😃
Мгновенного наверное с натяжкой 😃
препроцессинг не ускоришь - только сохранение стейта остаётся
AS
обновление стилей я бы и в дервере сделал без проблем, но вот дурацкий неизвестный hash в комопненте все портит =)
КС
Особенно если он завязан на сторы и хелперы в js файлах
A
обновление стилей я бы и в дервере сделал без проблем, но вот дурацкий неизвестный hash в комопненте все портит =)
а walk() не знает про хеш?
A
Кирилл Спасибович
Особенно если он завязан на сторы и хелперы в js файлах
вот вот
КС
обновление стилей я бы и в дервере сделал без проблем, но вот дурацкий неизвестный hash в комопненте все портит =)
Вот rixo там и ищет через qs старые селекторы и перебивает их)
КС
вот вот
Чем это мешает юзать hmr для css и писать стили сразу в компоненте и в своем текстовом редакторе ?
КС
обновление стилей я бы и в дервере сделал без проблем, но вот дурацкий неизвестный hash в комопненте все портит =)
Интересно если сохранять все скомпиленые компоненты куда-то в мапу, а по рекомпиляции есбилдом перебивать хеши в отправленным в клиента скриптом ?
КС
Кароче надо с rixo обсудить, я думаю он бы сделал 😏
AS
заменить существующие хеши в DOM еще полбеды и сравнительно легко вместе с обновлением таблицы стилей, хуже когда ты класс добавишь на какой-то элемент. Тут уже надо компонент пересобирать и внедрять. т.е. уже полноценный HMR нужен.
КС
Тут просто нужно затригерить клиента, хоть на socket-io делать
КС
заменить существующие хеши в DOM еще полбеды и сравнительно легко вместе с обновлением таблицы стилей, хуже когда ты класс добавишь на какой-то элемент. Тут уже надо компонент пересобирать и внедрять. т.е. уже полноценный HMR нужен.
Это да.. 😵
EI
Подскажите, есть ли способ получить глобальные динамические стили без CSS Variables в Svelte?
Например мне нужен глобальный (в <head> заголовке HTML)
а при нажатии на кнопку сделать его
Ну и чтобы это с SSR/SSG ренерилось в строку.
Например мне нужен глобальный (в <head> заголовке HTML)
.primary {color: #000;},а при нажатии на кнопку сделать его
.primary {color: red; } или каким-то другим вычисляемымНу и чтобы это с SSR/SSG ренерилось в строку.
EI
svelte-themer работает через CSS Vars —var-name
DK
Eugene Ilyin
Подскажите, есть ли способ получить глобальные динамические стили без CSS Variables в Svelte?
Например мне нужен глобальный (в <head> заголовке HTML)
а при нажатии на кнопку сделать его
Ну и чтобы это с SSR/SSG ренерилось в строку.
Например мне нужен глобальный (в <head> заголовке HTML)
.primary {color: #000;},а при нажатии на кнопку сделать его
.primary {color: red; } или каким-то другим вычисляемымНу и чтобы это с SSR/SSG ренерилось в строку.
Что в этом контексте значит "динамические"?
Ваш кейс решается созданием стиля .primary в компоненте, которому назначается новый цвет. Если хотите сделать его "глобальным" для поддерева — пишите что-то вроде
Ваш кейс решается созданием стиля .primary в компоненте, которому назначается новый цвет. Если хотите сделать его "глобальным" для поддерева — пишите что-то вроде
.selector :global(.primary) { color: red }.DK
Если вы хотите прямо глобально для всего поменять, то… то не уверен, что так получится. Это странный запрос. Вы хотите императивно манипулировать содержимым CSS-классов, не используя единственный императивный инструмент.
EI
Что в этом контексте значит "динамические"?
Ваш кейс решается созданием стиля .primary в компоненте, которому назначается новый цвет. Если хотите сделать его "глобальным" для поддерева — пишите что-то вроде
Ваш кейс решается созданием стиля .primary в компоненте, которому назначается новый цвет. Если хотите сделать его "глобальным" для поддерева — пишите что-то вроде
.selector :global(.primary) { color: red }.Динамические означают, что тема может менять этот глобальный стиль на сто-то другое вычисляемое.
Как мне поменять его на
Как мне поменять его на
:global(.primary) { color: blue } , напрмер, при нажатии на кнопку ?EI
То есть только Vanila JS для манипуляции CSSOM, в svelte нет таких инструментов, верно?