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 { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
import adapter from '@sveltejs/adapter-static'
import { SERVICE_WORKER_PATH } from '@sveltepress/theme-default'
/** @type {import('@sveltejs/kit').Config} */
const config = {
extensions : ['.svelte', '.md'],
preprocess : [vitePreprocess ()],
kit : {
adapter : adapter (),
files : {
serviceWorker : SERVICE_WORKER_PATH ,
},
},
}
export default config ts
প্যাকেজ আবশ্যক
যদি আপনি pwa চালু করতে চান।
আপনার Vite project এ dev dependency হিসেবে workbox-window যুক্ত করতে হবে
কনফিগের উদাহরণ
এই সাইটের কনফিগ উদাহরণ হিসেবে দেখুন:
export default {
scope : '/',
base : '/',
strategies : 'injectManifest',
kit : {
trailingSlash : 'always',
},
darkManifest : '/manifest-dark.webmanifest',
manifest : {
start_url : '/',
scope : '/',
name : 'Sveltepress',
short_name : 'Sveltepress',
icons : [
{
src : '/android-chrome-192x192.png',
sizes : '192x192',
type : 'image/png',
},
{
src : '/android-chrome-512x512.png',
sizes : '512x512',
type : 'image/png',
},
],
theme_color : '#f2f2f2',
background_color : '#f2f2f2',
display : 'standalone',
},
} as any
ts
On this page