Телеграмм чат группы sveltejs страница 6994

у меня роллап пробегается по папке и на каждый svelte файл собирает js бандл, получается у меня сейчас 30 svelte файлов и на каждый у сборщика уходит по полминуты с тайлвиндом

источник

15:56пожаловаться #4

КС

Кирилл Спасибович... in Svelte [svelt]

Кирилл Спасибович

tailwind-speedtest.7z

(1.8 Кб)

актуальные тесты тейлвинда с rollup, webpack и postcss-cli

что очень странно - rollup собирает заинлайненые стили за 5 секунд, а postcss-cli за 8😧

я вот тут тестил

источник

15:56пожаловаться #5

Alex Chexca in Svelte [svelt]

Кирилл Спасибович

а так тейлвинд форсит убогий html, он тормозит

вообще мне казалось что tailwind это костыль для бекендеров, но потом я увидел его упоминания в этом чате

источник

15:57пожаловаться #6

КС

Кирилл Спасибович... in Svelte [svelt]

думал что типа если бы были все директивы заинлайнены в 1 файл, то стало бы быстрее

источник

15:57пожаловаться #7

КС

Кирилл Спасибович... in Svelte [svelt]

но нет, ваще без разницы)

источник

15:57пожаловаться #8

КС

Кирилл Спасибович... in Svelte [svelt]

а автор там говорит, воот типа, это из-за того как щас фронтенд делается, что каждый раз postcss запускается на каждый файл отдельно

источник

15:57пожаловаться #9

КС

Кирилл Спасибович... in Svelte [svelt]

вот если бы вместе сразу и тд

источник

15:57пожаловаться #10

КС

Кирилл Спасибович... in Svelte [svelt]

в общем хз, лучше придумать самому себе велосипед из утилиток и миксинов, чем подключать этого монстра

источник

15:58пожаловаться #11

КС

Кирилл Спасибович... in Svelte [svelt]

и ждать запуск дев сервера бандлового 10 часов, и продакшен сборку 20 часов

источник

15:58пожаловаться #12

Константин in Svelte [svelt]

>>html становится больше

нет. Тэйлвинд не надо использовать так, как пиарят его создатели ) это тупо. Иногда утилитарные классы можно повесить на class:, вот это полезно. Но самая сила там в @apply и @screen. Без apply это превращается в спагетти-хтмл.

источник

15:59пожаловаться #13

Константин in Svelte [svelt]

для меня это основное его применение

источник

16:01пожаловаться #14

Dan Kozlov in Svelte [svelt]

1 1

я, граждане, мягко говоря, в недоумении.
давеча столкнулся на практике с проблемами со специфичностью из-за того, что свелт дублирует в селекторах свои маркерные классы. осерчал, решил сегодня положить этому конец. счекаутил, раскопал, и понял что они это делают специально!
https://github.com/sveltejs/svelte/pull/4146

GitHub

fix css specificity by tanhauhau · Pull Request #4146 · sveltejs/svelte

Fixes #1277
Work on top of #3475, adding #3475 (comment)

if any selectors added more than +1 class specificity, will add the equal amount in other selectors to preserve the specificity precedence.

А в чем проблема была?
Я пока на практике с косяками этого подхода не встречался.

источник

16:03пожаловаться #15

Alex Chexca in Svelte [svelt]

аа, то есть только чтоб scss был меньше ?

.btn {
  @apply font-bold py-2 px-4 rounded;
}

вместо

.btn {
  font-weight: bold;
  и тд
}

источник

16:03пожаловаться #16

КС

Кирилл Спасибович... in Svelte [svelt]

ну я встретился когда нужно было переопределить стандартные классы типа .btn

источник

16:04пожаловаться #17

КС

Кирилл Спасибович... in Svelte [svelt]

которые вне компонентов

источник

16:04пожаловаться #18

КС

Кирилл Спасибович... in Svelte [svelt]

перебило мне .btn.busy

источник

16:04пожаловаться #19

КС

Кирилл Спасибович... in Svelte [svelt]

пришлось делать :not(.busy):not(.bad) и тд

источник

16:04пожаловаться #20