Приложение svelte, предназначенное для мобильных устройств, будет эмулироваться в режиме онлайн (мобильный чертеж с фактическим приложением, отображаемым внутри). Из-за медиазапросов (которые не работают, так как приложение - это целая страница, а не только контент для мобильного рисования), моим лучшим решением будет то, что приложение должно быть внутри iframe.
Есть ли способ сделать это без написания другого приложения svelte, которое инкапсулирует первое? Так как все это будет объединено. Я мог бы справиться с настройками сапера, чтобы контролировать это, но мне это кажется немного грязным. Как искажает CSS для эмуляции медиазапросов, переключая все обратно при выпуске в производственную цель.
Тогда я бы запустил два разных сервера-разработчика саперного CLI, package.json, git-репозитории и т. Д. Также нужно подумать о развертывании, касающемся двух папок public / dist и их путей / маршрутов.
Есть еще мысли?
РЕДАКТИРОВАТЬ: чтобы быть более понятным, у меня есть по существу 4 варианта:
1 - адаптировать CSS без медиазапросов и единиц vh / vw (путь к сложному, а иногда и невозможному)
2 - эмулятор как компонент (но на что указывает iframe src?)
3 - установить два накопительных выхода, возможно, приложение является гидратируемым компонентом. Iframe будет указывать на вывод 2 (как согласовать это? Index1 vs index2? Та же общая папка с 2 визуализированными частями приложения)
4 - два независимых приложения, все дело (как развернуть? Два веб-сервера могли бы сделать, но в идеале оно должно стать одним конечным приложением)
Надеюсь, это яснее