vite plugin ssr svelte

Vite + Svelte + Vite-Plugin-SSR Static Prerender Starter Project!

نسخة سفيل من وحدة Vite-Plugin-SSR.

توضح هذه الوحدة القيام HTML المسبق بالكامل مع إعدادات الترطيب الصحيحة بحيث سيتم تحميل تطبيقك بسلاسة في أي سياق.

يمكنك تجربتها هنا: https://ryanweal.github.io/vite-plugin-ssr-svelte/

لماذا لا تستخدم Sveltekit؟ باستخدام vite-plugin-ssr يمكنك تجاوز كل شيء إلى حد كبير ، ويمكنك أيضًا إضافة أطر أخرى (مثل Vue و React و Other) للحصول على طرق محددة من خلال توفير page.server.js أكثر page.client.js .

ما الذي يعمل خارج الصندوق

يمكن استخدام هذا الريبو كبداية لمشروعك التالي. إنه إعداد للقيام بالمهام الإطارية النموذجية:

• قم بإنشاء صفحات ومكونات باستخدام Svelte ، مع إعادة التحميل الساخن في Dev
• Prerender جميع المحتوى أثناء وقت البناء
• ترطيب المحتوى المسبق مع أي JS من جانب العميل
• يمكن تعيين metatags بسهولة باستخدام مكون المثال
• تم نسخ مجلد الأصول مباشرة إلى مجلد الإنشاء حتى تتمكن من الرجوع إلى الصور كما كان عام 1999 ولا تقلق بشأن استيرادها.

ندرج أيضًا بعض الأمثلة على إجراء مكالمات API على جانب الخادم فقط لجلب بياناتك.

المكونات الإضافية Vite المستخدمة

• vite-plugin-ssr
• Vite-Plugin-svelte
• Express.js (المستخدمة لعملية Prerendering)

تثبيت وتشغيل

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 .