169 похожих чатов

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

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

18 ответов

14 просмотров

Отдельный ui делал и публиковал на npm. Еще есть вариант использовать монорепозиторий например turbojs и держать ui и основной проект в одной репе

Привет! В lib/components

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Похожие вопросы

Обсуждают сегодня

а зачем этот вопрос для удаления из чата?
Mёdkinson Medvezhkin
63
Добрый день. Хочу сделать отрисовку по команде на панели. Почему-то рисуется только при втором вызове. С чем может быть связано, не подскажете? procedure TForm1.FormDblClick(...
Kirill Filippenok
20
Всем доброго дня! Подскажите может кто использовал связку Pagebuilder + Clientsetting. Сами параметры с типом pagebuilder в модуле Clientsetting работают нормально, можно такж...
Александр Добриков
11
А почему в си некоторые вещи работают с двойными кавычками некоторые с одинарными? Нельзя было все сделать с одними или чтоб работало с разными? например чтоб выводить строки ...
.
15
Всем привет! Нужен совет от опытных. Переношу свой проект с Делфи 10.2 Токио на Лазарус 3.2 установленный через инсталлятор fpcupdeluxe-x86_64-win64. При импортировании проект...
Дмитрий Завгородний
7
Эх кто-то пришел и весь праздник испортил :( You need complex FBX scene importing setup to change things on import? good luck with that. You need navigation and pathfinding? g...
Serg Gini
5
Всем привет! procedure TForm1.FormCreate(Sender: TObject); type TStartEnd = record S: Byte; E: Byte; end; var a, b: TStartEnd; begin {1} a.S := 1; {2} a.E := 2; ...
Руслан Михайлович
10
Всем привет!) я тут новенький и пытаюсь освоить evolution методом тыка. У меня при переходе между папками файлов выскакивают вот такие уведомления Можете подсказать как их от...
Диман Samoed
10
Всем привет! Подскажите. Я написал приложение на Delphi 10.2 Tokyo под Windows 10. И передо мной стал вопрос о том чтобы сделать это приложение кроссплатформенным (под Linux и...
Дмитрий Завгородний
24
Какого хера? /Sources/App/Modules/User/Models/UserLinkApple.swift:21:20: warning: stored property '_id' of 'Sendable'-conforming class 'UserLinkApple' is mutable @ID(...
Alexander Sherbakov
14
Карта сайта