Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 23:46

был видос недавно на этот счет
https://www.youtube.com/watch?v=vCMTxL1jWbw&pp=ygUQc3ZlbHRla2l0IHN0YXRpYw%3D%3D

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 18:26

Кстати var же можно в медиа юзать 🤔

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 18:25

Ага… почитал - медиа переменные

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 18:13

А что делает @custom-media ?

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 11:38

Иногда одна (лендинг), иногда много. Но там так мало отличающегося JS и CSS что внедрять его в страницу выгоднее. Там около 130кб все CSS и 200+ все JS. На лендинги гонят кучу трафика, по 30К-50К юзеров может в час зайти. Потому оптимизирую...

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 11:01

https://svelte.dev/docs/kit/configuration#inlineStyleThreshold Это же не?

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 10:59

Если много страниц, то каждая страница будет тащить весь набор скриптов и стилей.

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 10:57

так есть же инлайн стратегия чтобы все в html было, или вы чтото другое имеете ввиду?

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 10:53

Спасибо! 🤝 Уже понятно куда копать. Может и подойти так как JS тоже небольшой.

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 10:44

Ребят привет. Использую Svelte(Kit) как static site generator (SSG). На выходе сайт состоящий полностью из статичных html.

Хочу сделать так чтобы все CSS от установленных модулей прям в HTML вшивались. Сейчас CSS Tailwind и других плагинов цепляются как файлы.

Гуглю уже час, что-то ничего не смог найти. Подскажите пожалуйста возможно ли это?

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 07:19

И перейдут на лайтинг :-)

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 07:16

Итог, отказались от вложенности) postcss в таком случае тоже бесполезен, tailwind с 4 версии сам себя начал называть препроцессором и рекомендует не смешивать его ни с чем. Но имеется неприятный нюанс... Так как синтаксис в style блоке не похож на чистый CSS, приходится указывать в lang postcss, хотя из проекта он выпилен, чтоб lsp не ругал нас) следующий шаг походу избавление от tailwind со временем)

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 07:14

И я не говорю что вы ошиблись завязавшись, просто это несколько иной фактор

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 07:00

Ну смысл это обсуждать. Мне придется думать как заменить все плагины pcss

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 06:40

Вот когда Лайтинг начнет уметь делать тоже, что pcss — откажемся. А то толку мне переходить на него.

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 18:27

Приходится из-за них выкручивать себе руки

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 18:26

Вроде тащут в стандарт…

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 18:25

В одном месте определяешь — в другом используешь

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 17:52

Я всё же попробовал LightingCSS.

Выводы:
- По ощущениям холодный старт примерно такой же.
- Для @custom-media, которые мы юзаем через postcss-present-env, взял это плагин для повсеместного внедрения импортов.
- Можно не писать везде lang="postcss"


Хз что ещё добавить, всё просто работает примерно так же, только можно выкинуть весь postcss и плагины.

Билд быстрее на ~2 секунды.

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 11:01

svelte.config.js

/** @type {import('@sveltejs/kit').Config} */
const config = {
  kit: {
    // inline all styles
    inlineStyleThreshold: Infinity
  }
};

export default config;

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 11:00

А есть пример где нибудь? А то такой кейс тоже возникал но я не знал как сделать

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 10:58

Под всё я конечно стили имел ввиду

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 10:54

Можно дописать скрипт, который заинжектит всё в HTML. А что, у вас только одна страничка?

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 10:50

но это нетолько css но и js касается

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 07:20

Под капотом он и есть)

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 07:18

Tailwind оставил postcss, но сделал deprecated less и scss) думаю дело времени, когда postcss тоже убьют)

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 07:15

Все пользователи pcss завязались на его плагины. Он без плагинов ничего не умеет.

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 07:13

тогда в чем смысл этого заявления, если оно сводится к "мы завязались на кучу pcss плагинов и не можем теперь отказаться от pcss". а не то что кто че там умеет

Svelte [svɛlt] - All about Svelte JavaScript framework

02 May 2025 06:48

а что он сейчас не умеет из того что тебе нужно?

Svelte [svɛlt] - All about Svelte JavaScript framework

01 May 2025 21:31

Господа. Выручайте. В проекте есть элементы, которые рисуются в shadow-dom. Локально все работает прекрасно. Но после билда (vite-build) стилей внутри shadow-root больше нет. Очень надеюсь, что это известная проблема