Привет, народ! Если у вас на проекте sveltekit есть общие

Question

Svelte [svelt] - All about Svelte JavaScript framework.

Pavlik

Привет, народ! Если у вас на проекте sveltekit есть общие

компоненты (button например), по какому пути в проекте вы их складвыаете? И как импортируете?

#programming #russian #svelte

0

21.07.2023

18 ответов

63 просмотра

Leo Lobov

Привет! В lib/components

0

21.07.2023

Александр Вивтоненко 🕊️

У нас не кит, но может будет полезно. Мы разбиваем проект на модули. В главном модуле (откуда точка входа) есть отдельная папка со всеми общими компонентами. Оттуда импортируем абсолютными путями во все нужные модули.

0

21.07.2023

Александр Вивтоненко 🕊️

А если компонент большой и в виде отдельного проекта, то можно импортировать как git submodule. Особенно удобно, если он тоже в разработке.

0

21.07.2023

Семен Зорькин

Александр Вивтоненко 🕊️
А если компонент большой и в виде отдельного проек...

Можете попробовать workspace. Есть для npm, yarn и pnpm. Yarn и pnpm позволяли указывать зависимость из локальной дириктории

0

21.07.2023

Andrey Golovin

/src/lib/components/Button.svelte import Button from '$lib/components/Button.svelte'

0

21.07.2023

Gleb Winterson

Сергей Видинеев
Отдельный ui делал и публиковал на npm. Еще есть в...

А вопрос, надо ли манипуляции какие то делать перед выкладкой ? Выложил пакет в нпм, а он зараза ставится, но ошибку выдает непонятную

0

21.07.2023

Shahriori🙈️

Также, только в конфиге свелт можно алиас настроить: " $component: 'src/lib/components/' ". А потом импортировать: import Button from '$component/Button.svelte'

0

21.07.2023

Shahriori🙈️

Shahriori🙈️
Также, только в конфиге свелт можно алиас настроит...

@safasfae

0

21.07.2023

Leo Lobov

Andrey Golovin
/src/lib/components/Button.svelte import Button f...

Можно еще отдельный элиас завести, типа $component

0

21.07.2023

Pavlik Автор вопроса

Спасибо всем за ответы. У нас это первый проект на Svelte, так что пока пускай пока компоненты лежат в папке с проектом, спасибо за идею с алиасом. Потом, если хорошо пойдет, вынесем их в отдельный репозиторий, и я хочу экспортировать их как web components, чтобы переиспользовать на нашем зоопарке из ember, react и vue. Кто-то делал так? Есть проблемки?

0

22.07.2023

Александр Вивтоненко 🕊️

Pavlik
Спасибо всем за ответы. У нас это первый проект на...

В отличие от того же реакта и вью, со свелт (если билд без кита) не должно быть проблем, так как на выходе у вас по сути ванильный js. Я не использовал именно как веб-компонент. Но использовал как обычную функцию, которую вызывал в нужных местах, передавая селектор элемента. Проблем не было.

0

22.07.2023

Denis Chernov

Александр Вивтоненко 🕊️
В отличие от того же реакта и вью, со свелт (если ...

что-то странный ваш ответ. С вебкомпонентами прекрасно справляются указанные фреймворки https://vuejs.org/guide/extras/web-components.html

0

22.07.2023

ilya ~$

Pavlik
Спасибо всем за ответы. У нас это первый проект на...

У меня так видезвонки сделаны. Есть два проекта на angular и на vue, и интерфейс видеозвонков на svelte экспортированный как веб-компонент, со сторами и всеми фичами свелта. Никаких проблем с ним нет. ( если не косячить с лишними обновлениями VDOM )

0

22.07.2023

Александр Вивтоненко 🕊️

Denis Chernov
что-то странный ваш ответ. С вебкомпонентами прекр...

А я и не писал, что они не работают с веб-компонентами. Я писал, что свелт, в отличии от других, образуют ванильный код, и не тянет за собой всю котовасию, из-за которой как раз и могут быть проблемы.

0

22.07.2023

Kamil M

Александр Вивтоненко 🕊️
В отличие от того же реакта и вью, со свелт (если ...

Как роутер кита экспортнуть в веб компонент? Сделать компонент обертку?

0

22.07.2023

Александр Вивтоненко 🕊️

Kamil M
Как роутер кита экспортнуть в веб компонент? Сдела...

А зачем роутер кита туда совать? Кит наверняка использует серверную часть для этого. И я не уверен, что это в принципе возможнл. Если нужен чистый клиентский код, то используйте альтернативу. К примеру, svelte-pathfinder

0

22.07.2023

Kamil M

Александр Вивтоненко 🕊️
А зачем роутер кита туда совать? Кит наверняка исп...

Да, имеелся в виду чисто клиентский роутер) Про кит написал, т. к. про официальный свелтовский роутер слышал только в контексте кита

0

23.07.2023