Как сделать SSR с stencil.js в проекте с Nuxt.js (также SSR)

Как сделать SSR с stencil.js в проекте с Nuxt.js (также SSR)

Обновление: в настоящее время я разрабатываю модуль Nuxt для интеграции с библиотеками на основе stencil.js.

https://github.com/Gomah/nuxt-stencil

Что оно делает:

  • Он создает две ловушки для приложений на основе SSR (универсальных или во время сборки) с использованием generate:page render:route {amp}amp; generate:page , он будет визуализировать компоненты трафарета перед отправкой запроса в браузер.

  • Он добавляет плагин для CSR для определения пользовательских элементов из вашей библиотеки трафаретов, как описано здесь .

⚠️ Примечание: Vue выдает несколько ошибок при гидратации в CSR, это, вероятно, связано с комментариями, которые рендерер вставляет при рендеринге компонентов трафарета.



Устаревший комментарий до Stencil V1:

Похоже, что Stencil v1 может разрешить SSR, согласно этому комментарию :

Stencil One будет использовать выходную цель dist-hydrate-script для генерации скрипта узла, который можно использовать для гидратации ваших скриптов. Затем сгенерированный скрипт dist / hydrate / index.js можно повторно использовать в различных местах (Angular Universal, Express Middleware, пользовательский предварительный рендеринг и т. Д.).

Если вы делаете предварительный рендеринг, вы сможете просто добавить флаг —prerender в свою сборку трафарета, и он будет обрабатывать все это для вас. Мы все еще активно работаем над этим и надеемся вскоре его отправить. Спасибо

Вопросы, связанные с Github:

https://github.com/ionic-team/stencil/issues/1036

https://github.com/ionic-team/stencil/issues/1449

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector