ИД
Спасибо
Size: a a a
2020 December 27
DK
Хм, как-то запаристо везде его импортировать, думал есть вариант как в каком-нибудь Vue импортнуть один раз и везде использовать
Я такого способа не знаю, но он может существовать. Каждый компонент препроцессится по отдельности. Если есть какая-то настройка для sass-бинарника, которая позволяет не просто компайлить код, но компайлить с обязательным предварительным импортом чего-либо другого, тогда может сработать. Но я не ресерчил, я просто сделал сниппет для нового svelte-компонента, который мне проставляет всё, что нужно (lang='ts' на скрипте, lang='scss' на стайле, импорт общего файла в стилях и пр.) и всё.
ИД
Я такого способа не знаю, но он может существовать. Каждый компонент препроцессится по отдельности. Если есть какая-то настройка для sass-бинарника, которая позволяет не просто компайлить код, но компайлить с обязательным предварительным импортом чего-либо другого, тогда может сработать. Но я не ресерчил, я просто сделал сниппет для нового svelte-компонента, который мне проставляет всё, что нужно (lang='ts' на скрипте, lang='scss' на стайле, импорт общего файла в стилях и пр.) и всё.
Понял, я пока тоже не буду велосипед выдумывать)
AP
используешь постцсс вместо сасс, в настройках плагина переменных просто подключаншь json, переменные из которого доступны из любого места
AP
сасс вообще рудимент какой-то)
Д
Ещё год назад было норм)
RS
Привет! Как можно в шаблоне использовать scss переменные из файла?
Можно. В настройках для preprocess нужно указать:
...
preprocess: require('svelte-preprocess')({
postcss: true,
scss: {
prependData: `@import "./src/assets/scss/_settings.scss";`,
renderSync: true
}
})
AP
уже год назад был рудиментом, постцсс уже все умеет давно и он везде включён ради автопрефиксера
ИД
Можно. В настройках для preprocess нужно указать:
...
preprocess: require('svelte-preprocess')({
postcss: true,
scss: {
prependData: `@import "./src/assets/scss/_settings.scss";`,
renderSync: true
}
})
спасибо, попробую)
ER
Никто не сталкивался с тем, что документирование компонентов в свелт не поддерживает таблицы md?🙁
PM
ювелирный магазин, там показывается камень(просто крутится по горизонтали) Говорят ЛАГАЕТ и на телефонах сайт падает.
как работало:
— Загружается огромный гзип архив в память (400мб)
— с помощью жса разархивируется на клиенте
— в архиве картинки текстом в base64
— далее по таймеру картинка просто подменялась показывалась следующая грань камня
Есть хоть одно обьяснение сделать так, когда даже если те же картинки склеить в видео, это занимало существенно меньше памяти (что-то около 20 мб размер видео) и работало явно быстрее. На жс конечно при этом тоже всего несколько кб памяти.
как работало:
— Загружается огромный гзип архив в память (400мб)
— с помощью жса разархивируется на клиенте
— в архиве картинки текстом в base64
— далее по таймеру картинка просто подменялась показывалась следующая грань камня
Есть хоть одно обьяснение сделать так, когда даже если те же картинки склеить в видео, это занимало существенно меньше памяти (что-то около 20 мб размер видео) и работало явно быстрее. На жс конечно при этом тоже всего несколько кб памяти.
Видео конечно будет работать быстрее.
DK
уже год назад был рудиментом, постцсс уже все умеет давно и он везде включён ради автопрефиксера
А если используешь SASS-фреймворк (то есть… любой фреймворк), то надо тащить в проект и SASS-компилятор (для кастомизаций), а всё своё писать на PostCSS?
PM
Был как-то старый проект, где кроме всяких там JQuery были ищу куууча gif, прям очень много. И избавится от всей этой вакханалии запрещали. Так вот простая конвертация этих гиф в видео дало существенный прирос перформанса
AP
А если используешь SASS-фреймворк (то есть… любой фреймворк), то надо тащить в проект и SASS-компилятор (для кастомизаций), а всё своё писать на PostCSS?
если используешь сасс фреймворк то да
PM
А если используешь SASS-фреймворк (то есть… любой фреймворк), то надо тащить в проект и SASS-компилятор (для кастомизаций), а всё своё писать на PostCSS?
+1. Таскаю SCSS только если юзаю что-то внешнее
DK
используешь постцсс вместо сасс, в настройках плагина переменных просто подключаншь json, переменные из которого доступны из любого места
А какой плагин даёт такую возможность, кстати?
Вообще, идея хорошая. Я только на днях думал в контексте RFC про css vars, что у меня большинство переменных, которые я мог бы использовать для кастомизации тем, так или иначе лежит в стилях. Как их положить в рантайм, чтоб без глупых повторений — непонятно.
Не думал никогда про PostCSS в этом ключе.
postcss-simple-vars?Вообще, идея хорошая. Я только на днях думал в контексте RFC про css vars, что у меня большинство переменных, которые я мог бы использовать для кастомизации тем, так или иначе лежит в стилях. Как их положить в рантайм, чтоб без глупых повторений — непонятно.
Не думал никогда про PostCSS в этом ключе.
КС
А если используешь SASS-фреймворк (то есть… любой фреймворк), то надо тащить в проект и SASS-компилятор (для кастомизаций), а всё своё писать на PostCSS?
ну со свелте-препроцесс ты всё равно тащишь postcss в проект вроде же
КС
А какой плагин даёт такую возможность, кстати?
Вообще, идея хорошая. Я только на днях думал в контексте RFC про css vars, что у меня большинство переменных, которые я мог бы использовать для кастомизации тем, так или иначе лежит в стилях. Как их положить в рантайм, чтоб без глупых повторений — непонятно.
Не думал никогда про PostCSS в этом ключе.
postcss-simple-vars?Вообще, идея хорошая. Я только на днях думал в контексте RFC про css vars, что у меня большинство переменных, которые я мог бы использовать для кастомизации тем, так или иначе лежит в стилях. Как их положить в рантайм, чтоб без глупых повторений — непонятно.
Не думал никогда про PostCSS в этом ключе.
КС
собираюсь на postcss перейти