A
Марк Танащук
Можно импортировать извне и в app.svelte пропсом прокидывать
хорошо. Как пропсом прокидывать в целом я понял. Но как импортировать , не очень
Size: a a a
2020 November 18
МТ
Alexander
хорошо. Как пропсом прокидывать в целом я понял. Но как импортировать , не очень
Просто в main.js импортируешь модуль и также само вкладываешь в props
МТ
import { Auth } from "moduleName";
// Any magic with Auth
const app = new App({
target: document.body,
props: {
Auth
}
});A
Марк Танащук
import { Auth } from "moduleName";
// Any magic with Auth
const app = new App({
target: document.body,
props: {
Auth
}
});ага, понял. Спасибо
A
я думал просто со страницы как-то передать
A
ну да ладно, могу со страницы в модуль. А из него в svelte
2020 November 19
AD
Всем привет! У меня проблема с библиотекой svelte material ui. Раньше по этому поводу уже писали, что нужно сконфигурировать sass в rollup, что я и сделал при помощи библиотеки svelte-preprocess, но ошибка никуда не делась. Подскажите, пожалуйста, как это исправить. Заранее благодарю!
Попробуй в <style lang=“scss”>
SK
Всем привет. Есть кто-то кто уже пользует svelte/kit?
SK
Пытюсь понять как там можно goto заюзать.
SK
В dev режиме могу ее импортнуть из /_app/main/runtime/navigation
SK
Но не могу сбилдить проект
МТ
Но не могу сбилдить проект
И не стоит, потому-что svelte-kit в альфе
МТ
Максимум потыцать поклацать, посмотреть как устроен
МТ
и билд работает только на маках/линуксах
SK
Ок )) Спасибо за помощь
SK
В целом решил задачу через динамический импорт.
SK
const nav = { goto: (url) => {} };
import("/_app/main/runtime/navigation").then((m) => {
nav.goto = m.goto;
});11
Artiom Sinkaruk
Да, я это понимаю. У меня изначальная идея была в том, что собрать бандл, и потом точечно по ID, которые есть на странице моунтить компоненты свелте. В теории это должно работать, но хотелось бы, чтобы свелте подхватывал тот HTML, который сгенерировал сервер и этого можно добиться с помощью гидрации.
у меня похожая задача возникла: прикручиваю свелт к уже существующему статическому сайту. банально был одностраничный лэндинг с формочкой заказа, пришло время туда клиентский кабинет прикрутить. и с одной стороны не хочется всю статику по свелтовским компонентам распихивать и разводить возню с ssr, а с другой стороны надо как-то статикой управлять.
в результате, сделал топорно, в лоб: при монтировании основного компонента (по дефолту это в main.js) сначала позабирал innerHTML у нужных элементов, потом вычистил их из дома, а свелтовскому компоненту указал anchor, чтобы он в нужном месте встал (в моём случае перед футером) и передал вытащенную разметку пропсами.
решение не идеальное (хотя ничего не моргает, но есть одна лишняя перерисовка, плюс слишком сильная зависимость от структуры хтмл, и так далее) но вполне рабочее, и удалось вообще не менять структуру разметки - все css анимации и прочая интерактивность на странице продолжают работать.
в результате, сделал топорно, в лоб: при монтировании основного компонента (по дефолту это в main.js) сначала позабирал innerHTML у нужных элементов, потом вычистил их из дома, а свелтовскому компоненту указал anchor, чтобы он в нужном месте встал (в моём случае перед футером) и передал вытащенную разметку пропсами.
решение не идеальное (хотя ничего не моргает, но есть одна лишняя перерисовка, плюс слишком сильная зависимость от структуры хтмл, и так далее) но вполне рабочее, и удалось вообще не менять структуру разметки - все css анимации и прочая интерактивность на странице продолжают работать.
PM
у меня похожая задача возникла: прикручиваю свелт к уже существующему статическому сайту. банально был одностраничный лэндинг с формочкой заказа, пришло время туда клиентский кабинет прикрутить. и с одной стороны не хочется всю статику по свелтовским компонентам распихивать и разводить возню с ssr, а с другой стороны надо как-то статикой управлять.
в результате, сделал топорно, в лоб: при монтировании основного компонента (по дефолту это в main.js) сначала позабирал innerHTML у нужных элементов, потом вычистил их из дома, а свелтовскому компоненту указал anchor, чтобы он в нужном месте встал (в моём случае перед футером) и передал вытащенную разметку пропсами.
решение не идеальное (хотя ничего не моргает, но есть одна лишняя перерисовка, плюс слишком сильная зависимость от структуры хтмл, и так далее) но вполне рабочее, и удалось вообще не менять структуру разметки - все css анимации и прочая интерактивность на странице продолжают работать.
в результате, сделал топорно, в лоб: при монтировании основного компонента (по дефолту это в main.js) сначала позабирал innerHTML у нужных элементов, потом вычистил их из дома, а свелтовскому компоненту указал anchor, чтобы он в нужном месте встал (в моём случае перед футером) и передал вытащенную разметку пропсами.
решение не идеальное (хотя ничего не моргает, но есть одна лишняя перерисовка, плюс слишком сильная зависимость от структуры хтмл, и так далее) но вполне рабочее, и удалось вообще не менять структуру разметки - все css анимации и прочая интерактивность на странице продолжают работать.
ничего не понятно, но очень интересно)
11
думаю вопрошавшему понятнее - он почти про это и сам говорил