vite plugin ssr svelte

VITE + SVELTE + VITE-PLUGIN-SSR Статический стартовый проект!

Стройная версия модуля Vite-Plugin-SSR.

Этот модуль демонстрирует, что вы делаете полностью предварительно предварительный HTML с правильными настройками гидратации, так что ваше приложение будет плавно загружаться в любом контексте.

Вы можете попробовать это здесь: https://ryanweal.github.io/vite-plugin-ssr-svelte/

Почему бы не использовать SVELTEKIT? Используя vite-plugin-ssr вы можете переопределить практически все , и вы также можете добавить другие фреймворки (такие как Vue, React, другие) для определенных маршрутов, предоставляя более конкретные файлы page.client.js и page.server.js .

Что работает из коробки

Это репо может быть использовано в качестве стартера для вашего следующего проекта. Это установка для выполнения типичных структурных задач:

• Создайте страницы и компоненты с помощью SVELTE, с горячей перезагрузкой в ​​разработке
• Препозиционный весь контент во время сборки
• Увлажняет презрендованный контент с любым клиентским JS
• Метатаги можно легко установить с помощью примера компонента
• Папка активов скопирована прямо в папку сборки, чтобы вы могли ссылаться на изображения, как это было 1999 год, и не беспокоиться об их импорте.

Мы также включаем несколько примеров вызова API на стороне сервера только для получения ваших данных.

Вставки используются плагины

• Vite-Plugin-SSR
• Vite-Plugin-Svelte
• express.js (используется для процесса прерандерирования)

Установить и запустить

1. Клонировать это хранилище
2. Установить зависимости: npm i
3. Запустите его: npm run dev и наслаждайтесь горячей перезагрузкой, когда вы работаете.
4. Посетите http://localhost:3000 в вашем браузере.
5. Постройте его: npm run build
6. Обслуживать: npx serve dist/client

Обновления

Чтобы обновить этот пакет, вы можете следовать обычным процедурам обновления NPM.

Мы использовали встроенную команду npm shrinkwrap , чтобы предоставить npm-shrinkwrap.json , а не обычный package-lock.json , который сохраняет этот репо с установкой в ​​«известном хорошем» состоянии, если вы используете npm в качестве установщика.

Обязательно полностью проверяйте обновления, если вы внесете изменения в свой файл npm-shrinkwrap.json .