PWA
পরিচিতি
এই ফিচারটি @vite-pwa/sveltekit থেকে নেয়া।
থিম ডিফল্টে pwa
পাঠিয়ে দিয়ে pwa ব্যবহার করা যাবে। অপশঙ্গুলো হুবহু SvelteKit PWA Plugin Options এর মতই, শুধু darkManifest
বাদে, যা হচ্ছে ডার্ক থিমে ব্যবহারের জন্য manifest path
এবং svelte.config.js -এ files.serviceWorker
কনফিগ করতে হবে, SERVICE_WORKER_PATH
ব্যবহার করুন যা @sveltepress/theme-default
থেকে এক্সপোর্ট করা হয়।
svelte.config.js
+
+
+
+
import { } from '@sveltejs/vite-plugin-svelte'
import from '@sveltejs/adapter-static'
import { } from '@sveltepress/theme-default'
/** @type {import('@sveltejs/kit').Config} */
const = {
: ['.svelte', '.md'],
: [()],
: {
: (),
: {
: ,
},
},
}
export default
ts
প্যাকেজ আবশ্যক
যদি আপনি pwa চালু করতে চান।
আপনার Vite project এ dev dependency হিসেবে workbox-window
যুক্ত করতে হবে
কনফিগের উদাহরণ
এই সাইটের কনফিগ উদাহরণ হিসেবে দেখুন:
export default {
: '/',
: '/',
: 'injectManifest',
: {
: 'always',
},
: '/manifest-dark.webmanifest',
: {
: '/',
: '/',
: 'Sveltepress',
: 'Sveltepress',
: [
{
: '/android-chrome-192x192.png',
: '192x192',
: 'image/png',
},
{
: '/android-chrome-512x512.png',
: '512x512',
: 'image/png',
},
],
: '#f2f2f2',
: '#f2f2f2',
: 'standalone',
},
} as any
ts
On this page