Size: a a a

2020 September 10

О

Олег in Svelte [svelt]
Олег
Ребята, подскажите, у меня есть компонент, условно его даже можно назвать скином, т.к. в нём глобально определяются переменные для стилей
 :global(body) { --var: style}
. Мне надо сделать другой компонент, в котором эти переменные будут переопределяться. Но как этого добиться я не понимаю, всегда применяются стили одного из них. Такие переменные вообще можно переопределить?
Ну я пощёлкал всякое, и обнаружил, что даже закоментив или удалив один из скинов из import в главном компоненте, в компилированном style.css всё-равно остаётся 2 набора правил. Бага в сборщике? Получается, что он не чистит css файл? Или чего? В репле всё прекрасно работает((
источник

AP

Alexander Ponomarev in Svelte [svelt]
покажи репл хотябы в котором все работает и чем собираешь у себя
источник

О

Олег in Svelte [svelt]
источник

О

Олег in Svelte [svelt]
Собираю rollup-ом, конфиг выложить?
источник

AP

Alexander Ponomarev in Svelte [svelt]
ты импорты у себя точно в таком же порядке делаешь? у тебя emitCss включен?
источник

AP

Alexander Ponomarev in Svelte [svelt]
если emitCSS: false то похоже свелт добавляет стили в документ в момент первого рендера компонента, то есть
<Math/>
<Def/>
и
<Def/>
<Math/>
дают совершенно разный результат

в случае с emitCss: true мне кажется что будет влиять уже порядок импортов компонентов.

В целом твоя система палитр слишком хрупкая и надо делать по другому (и это не проблема свелта а твоего подхода). Цсс переменные каскадятся и нет смысла определять их на боди, можно определить на боди только дефолт, а на конкретных контейнерах эти переменные переопределить.
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Присоединяемся к обсуждению, чтобы потом не было никому обидно: https://github.com/sveltejs/rfcs/blob/markup-constants/text/0000-markup-constants.md
источник

AP

Alexander Ponomarev in Svelte [svelt]
выглядит невредно\полезно
источник

МТ

Марк Танащук... in Svelte [svelt]
Выглядит как еще больше JS логики в разметке
источник

AP

Alexander Ponomarev in Svelte [svelt]
какой скоуп у этих констант? можно ли в новом скоупе их шедовить и заново определять?
источник

NK

ID:0 in Svelte [svelt]
#rfc #internal #constant

Присоединяемся к обсуждению, чтобы потом не было никому обидно: https://github.com/sveltejs/rfcs/blob/markup-constants/text/0000-markup-constants.md
источник

МТ

Марк Танащук... in Svelte [svelt]
Собсно вот сама страничка обсуждения:
https://github.com/sveltejs/rfcs/pull/33
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Alexander Ponomarev
выглядит невредно\полезно
Имхо больше вредная, чем показная вещь.
источник

AP

Alexander Ponomarev in Svelte [svelt]
мне не нравится хойстинг и я не понимаю скоупа
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Особенно не нравится что предлагается реализовать через {@}, а не блочный {#}{/}
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Alexander Ponomarev
мне не нравится хойстинг и я не понимаю скоупа
Вот, я именно об этом
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Кажется что привычные правила let const нужно сохранить, а то как-то конфузно
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Pavel 🦇 Malyshev
Особенно не нравится что предлагается реализовать через {@}, а не блочный {#}{/}
А как выглядит такой блочный вариант ?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Кирилл Спасибович
А как выглядит такой блочный вариант ?
{#const foo = bar + baz}


{/const}
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
На самом деле идея то старая из Ractive
источник