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

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

ну со свелте-препроцесс ты всё равно тащишь postcss в проект вроде же

Я тащу в любом случае автопрефиксер и cssnano. У препроцесса нет такой зависимости.

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

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

https://www.postcss.parts/
https://github.com/jonathantneal/precss

ща ещё накидаю)

https://github.com/postcss/postcss-mixins
https://github.com/postcss/postcss-nested
https://github.com/postcss/postcss-simple-vars
https://github.com/postcss/postcss-import

Первое я видел, оттуда и взял https://github.com/postcss/postcss-simple-vars. Оно официальное и хотя бы поддерживается, в отличие от PreCSS с последним коммитом 2 года назад.
Но ок, я понял идею.

PostCSS plugin for Sass-like variables. Contribute to postcss/postcss-simple-vars development by creating an account on GitHub.

postcss/postcss-simple-vars

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

КС

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

ну да, я тоже бы не стал его брать

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

КС

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

в принципе можно с таким подходом глянуть что есть на гитхабе в postcss/* :)

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

КС

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

я ещё юзаю функции с цветами в sass, мне очень понравилось, пока не знаю чем заменю

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

Илья Дёмин

Понял, я пока тоже не буду велосипед выдумывать)

Кстати, случайно сейчас нашёл, что решение этой проблемы всё же есть:

https://github.com/sveltejs/svelte-preprocess/blob/main/docs/migration-guide.md#prepending-content-to-scss

A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more. - sveltejs/svelte-preprocess

sveltejs/svelte-preprocess

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

КС

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

Dan Kozlov

A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more. - sveltejs/svelte-preprocess

sveltejs/svelte-preprocess

да, юзаю это тоже :)

https://www.producthunt.com/posts/vschat

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

МТ

Марк Танащук... in Svelte [svelt]

Product Hunt

vsChat - Chat with developers around the world using VSCode | Product Hunt

[VScode Extension] Chat with developers around the world. • Anonymous Chat Rooms • Chat while programming

17:24пожаловаться #8

МТ

Марк Танащук... in Svelte [svelt]

Время создавать чатики свелта в vs code

17:24пожаловаться #9

Pavel 🦇 Malyshev in Svelte [svelt]

Dan Kozlov

A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more. - sveltejs/svelte-preprocess

sveltejs/svelte-preprocess

О, кстати а я поч не юзаю))) надо попробовать, тем более в том OSS проекте что я недавно шарил это как раз пригодится. Спасибо!

17:24пожаловаться #10

МТ

Марк Танащук... in Svelte [svelt]

Pavel 🦇 Malyshev

Жаль что его только от корня можно использовать

https://github.com/sveltejs/svelte-preprocess/issues/280

17:28пожаловаться #11

МТ

Марк Танащук... in Svelte [svelt]

17:28пожаловаться #12

МТ

Марк Танащук... in Svelte [svelt]

Или от только 1 выбранного url, а относительно компонента нельзя :(

17:28пожаловаться #13

МТ

Марк Танащук... in Svelte [svelt]

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

18:50пожаловаться #14

МТ

Марк Танащук... in Svelte [svelt]

В роллапе

18:50пожаловаться #15

The JavaScript module bundler

Марк Танащук

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

В него можно передать параметр onwarn
https://rollupjs.org/guide/en/#onwarn

Её надо в конфиге определить и там написать регулярку/string.includes на тип сообщения.

rollupjs.org

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

МТ

Марк Танащук... in Svelte [svelt]

Благодарю =)

18:52пожаловаться #17

МТ

Марк Танащук... in Svelte [svelt]

Просто оставлю это здесь...

onwarn: (warning, handler) => {
  if (warning.message.includes("Unused CSS selector")) return;
  handler(warning);
}

19:22пожаловаться #18

Arushwl in Svelte [svelt]

Pavel 🦇 Malyshev

собственно если подписываться на load ивент внутри самого компонента, как предлагает Александр, то получается что компонент “заточен” под этот вариант. я бы оставил “принятие решения” о загрузке в тот компонент, который владеет контентом

Золотые слова🤓закопался все возможные варианты снаружи ловить... оставляю как ты предложил изначально 👍🏻пусть решает пользователь компонента, что ему считать на лоад ))) будет ток метод если потребуется... а если нет, счетчика не будет.

Cybernetically enhanced web apps

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

Arushwl in Svelte [svelt]

Вопрос только как юзать функцию из компонента в родителе в блоке <script>?

https://svelte.dev/repl/d7680b8f5aee4d86846b0982e6c0c01d?version=3.31.0

svelte.dev

Svelte REPL