Size: a a a

Svelte [svelt] - All about Svelte JavaScript framework.

2021 September 25

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
Ваще прозрачно будет
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
И свелт скоупинг и доп скоупинг оригинального класса модулями
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
стили свелта не производят мелкость. Они наоборот делают монструозные повторяющиеся селекторы. Эту фичу можно спокойно выкинуть
источник

a

akaSybe in Svelte [svelt] - All about Svelte JavaScript framework.
А какой препроцессор?
источник

a

akaSybe in Svelte [svelt] - All about Svelte JavaScript framework.
Ну на тот момент я не нашёл как можно легко воткнуть css-modules
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
Вот
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
цсс модули тебе ничего не ломают, они дают хоть локальный хоть глобальный селектор как ты хочешь и как тебе надо
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
если тебе нужны глобальные селекторы то зачем тебе цсс модули не понятно
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
это какой то бредовый поинт
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
import styles from './styles.module.css';
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
не нужны никакие препроцессоры, они для ленивых которые хотят сэкономить тут, но огрести потом всяких букетов с mjs,cjs и ботлнеком в виде пропихивания всего через svelte-preprocess и svelte вместо бандлера
источник

a

akaSybe in Svelte [svelt] - All about Svelte JavaScript framework.
Из коробки же это не будет работать?
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
это работает из коробки в vite. в вебпаке это настраивается лоадером, который все равно придется настраивать для любого цсса. цсс лоадер вебпака из коробки умеет в цсс модули ему нужно просто передать эту опцию и сказать чтобы все файлы по маске *.module.css им обрабатывались
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
@akaSybe получается там есть три режима, один чисто css модули, второй свелт скоупинг на всём кроме классов и модули, и третий всё в свелт скоупинге + модули на классах
источник

a

akaSybe in Svelte [svelt] - All about Svelte JavaScript framework.
Ну в vite все равно внутри какой-то процессор работает, нет никакого различия с svelte-preprocess
источник

КС

Кирилл Спасибович... in Svelte [svelt] - All about Svelte JavaScript framework.
и вот третий режим как раз подходит для ситуации когда вместо него надо руками неймспейсить виджет
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
есть, он у тебя будет один, а не два.

Зачем тебе два независимых препроцессора? один в свелте другой в вите? чтобы между ними было больше разницы и сюрпризов?
чтобы бандлеру было сложнее сплитить цсс на чанки? чтобы цсс импорты повторялись потому что они друг о друге ничего не знают и обработы разными пайплайнами?
источник

a

akaSybe in Svelte [svelt] - All about Svelte JavaScript framework.
Такой же подход в parcel насколько помню
источник

a

akaSybe in Svelte [svelt] - All about Svelte JavaScript framework.
Интересно)
источник

a

akaSybe in Svelte [svelt] - All about Svelte JavaScript framework.
Но я уже уволился 😄
источник