Size: a a a

2021 March 17

YK

Yury Khmarin in Svelte [svelt]
Dan Kozlov
Так и есть.
Я использую сырую Bulma без UI-компонентов.
У меня есть папка styles, где есть куча всякого глобального добра: переделка бульмовских компонентов, расширение их возможностей, добавление новых (рейдж-инпут, стилизованные радио и чекбоксы и пр.). Ну и, среди прочего, миксины, переменные и прочее.
Всё это можно делать в компонентах, но я не вижу в этом большого плюса.

В компонентах же я держу специфичный для них код.
Какого фига? :(
источник

DK

Dan Kozlov in Svelte [svelt]
Ты пользуешься prependData?
источник

YK

Yury Khmarin in Svelte [svelt]
Dan Kozlov
Ты пользуешься prependData?
пользуйся не пользуйся, результат плюс минус одинаковый
источник

YK

Yury Khmarin in Svelte [svelt]
Dan Kozlov
Ты пользуешься prependData?
сейчас да
источник

DK

Dan Kozlov in Svelte [svelt]
Ну вот.
Смотри, prependData должен импортировать код, который не генерирует CSS (ну, или ты Марк и тебе норм вот такая хренотня, хаха).

У тебя, очевидно, импортируется файл variables.scss, который генерирует код с CSS-переменными.
источник

МТ

Марк Танащук... in Svelte [svelt]
Это прод или дев?
источник

YK

Yury Khmarin in Svelte [svelt]
Марк Танащук
Это прод или дев?
дев
источник

DK

Dan Kozlov in Svelte [svelt]
Я у себя импортирую вот этот файл. В нём происходит импорт только SCSS-ного добра, который эмитит в итоге 0 строк кода.
источник

DK

Dan Kozlov in Svelte [svelt]
Раздели код с переменными на два файла: один с scss-переменными, а второй, скажем, themes.scss будет держать все объявления css-переменных. Первый в препенд, второй — в бандл глобальным импортом.
источник

МТ

Марк Танащук... in Svelte [svelt]
Во первых на руте не счищаются переменные
Во вторых я хз каким образом scss переменные превратились в css без прямого умысла
источник

МТ

Марк Танащук... in Svelte [svelt]
Если вставить в themes.scss(который указан в prependData) h1 { color: red } то во всех компонентах будет предупреждение свелт линтера(unused h1), потому что он счищается в каждом файле и компилятор об этом говорит в каждом файле
источник

МТ

Марк Танащук... in Svelte [svelt]
Если он не используется
источник

YK

Yury Khmarin in Svelte [svelt]
Dan Kozlov
Я у себя импортирую вот этот файл. В нём происходит импорт только SCSS-ного добра, который эмитит в итоге 0 строк кода.
так а где у тебя файл с css перменными, я перерыл не нашёл
источник

DK

Dan Kozlov in Svelte [svelt]
Я не пользуюсь в этом проекте переменными, потому что их в бульме нет, увы.

Вот, есть получше пример, у меня в блоге, там нет бульмы, там всё самописное.
variables.scss имеет только ссылки на CSS-переменные с названиями.
themes.scss инициирует их внутри себя значениями с цветами.
Я там еще пользуюсь scss-функцией, которая преобразует значение scss-переменной вида var(--accent-color) в --accent-color.

В итоге в компонентах ты можешь указывать, условно, color: $accent-color, и назначаться будет именно CSS-переменная. Суперудобно.
источник

DK

Dan Kozlov in Svelte [svelt]
Dan Kozlov
Я не пользуюсь в этом проекте переменными, потому что их в бульме нет, увы.

Вот, есть получше пример, у меня в блоге, там нет бульмы, там всё самописное.
variables.scss имеет только ссылки на CSS-переменные с названиями.
themes.scss инициирует их внутри себя значениями с цветами.
Я там еще пользуюсь scss-функцией, которая преобразует значение scss-переменной вида var(--accent-color) в --accent-color.

В итоге в компонентах ты можешь указывать, условно, color: $accent-color, и назначаться будет именно CSS-переменная. Суперудобно.
Таким образом, variables.scss эмитит 0 строк css-кода и может быть импортировано везде. Даёт простой доступ к этим самым переменным.

themes.scss эмитит декларации для всех тем, должно быть импортировано только один раз и глобально.
источник

11

1 1 in Svelte [svelt]
Alex Bekhtin
Ну значения то можно немного пореактивить. Но, опять же, ограниченный набор.
а кто и чем их будет реактивить?
источник

YK

Yury Khmarin in Svelte [svelt]
Dan Kozlov
Таким образом, variables.scss эмитит 0 строк css-кода и может быть импортировано везде. Даёт простой доступ к этим самым переменным.

themes.scss эмитит декларации для всех тем, должно быть импортировано только один раз и глобально.
я сделал файл importable, который в себя импортирует файл с переменными scss и миксинами, и этот файл препендится через rollup, и в итоге уже не 10 раз код импортируется, а 2. А остальные стили в лэйауте импортируются.  Нужно довести до 1 раза)
источник

DK

Dan Kozlov in Svelte [svelt]
Yury Khmarin
я сделал файл importable, который в себя импортирует файл с переменными scss и миксинами, и этот файл препендится через rollup, и в итоге уже не 10 раз код импортируется, а 2. А остальные стили в лэйауте импортируются.  Нужно довести до 1 раза)
Во, теперь вопрос. У тебя саппер же?
источник

YK

Yury Khmarin in Svelte [svelt]
Dan Kozlov
Во, теперь вопрос. У тебя саппер же?
да
источник

DK

Dan Kozlov in Svelte [svelt]
Проверь, не решит ли твою проблему апдейт роллапа. Вот ишак.
источник