দ্রুত শুরু
প্রয়োজনীয় পরিবেশ
- Node.js
^20.19.0অথবা>=22.12.0 - Svelte 5, SvelteKit 2 এবং Vite 8
- pnpm 10 সুপারিশ করা হয়; create command npm, Yarn এবং Bun-ও সমর্থন করে
প্রজেক্ট তৈরী
নিম্নলিখিত কমান্ডগুলির মধ্যে একটি ব্যবহার করুন আপনি কোন প্যাকেজ ম্যানেজার ব্যবহার করছেন তার উপর নির্ভর করে
npm create @sveltepress@latest sh
PNPM কে প্রাধান্য দিন
রেপোজিটরি ও তৈরি হওয়া template pnpm 10 দিয়ে যাচাই করা হয়।
একটি বিদ্যমান sveltekit প্রজেক্টে যোগ করা
ভিট প্লাগিন প্যাকেজ ইন্সটল করুন
npm install --save @sveltepress/vite sh
vite.config.(js|ts) এ sveltekit plugin পরিবর্তন করুন
vite.config.(js|ts)
-
+
-
+
import { } from '@sveltejs/kit/vite'
import { } from '@sveltepress/vite'
import { } from 'vite'
const = ({
: [
(),
(),
],
})
export default ts
মূল
sveltekit() plugin সরিয়ে ফেলুনsveltepress() ইতিমধ্যেই আপনার জন্য SvelteKit সেট আপ করে। plugins এ sveltekit() এবং sveltepress() উভয়ই রাখলে প্রতিটি Svelte ফাইল দুইবার কম্পাইল হয় এবং dev server Expected token } ত্রুটিসহ ক্র্যাশ করে।
svelte.config.js এর extensions অপশনে '.md' extension যুক্ত করুন
svelte.config.js
-
+
import from '@sveltejs/adapter-static'
import { } from '@sveltejs/vite-plugin-svelte'
/**
* @type {import('@sveltejs/kit').Config}
*/
const = {
: ['.svelte'],
: ['.svelte', '.md'], // add .md here
: [()],
: {
: ({
: 'dist',
}),
},
}
export default ts
svelte.config.js নেই? (নতুন SvelteKit কাঠামো)সাম্প্রতিক npx sv create দিয়ে তৈরি প্রজেক্টগুলো SvelteKit config সরাসরি vite.config.ts এ ইনলাইনভাবে রাখে এবং কোনো svelte.config.js থাকে না। সেই অপশনগুলো sveltepress({ svelteKitOptions }) এ সরিয়ে নিন (Sveltepress স্বয়ংক্রিয়ভাবে '.md' extension যুক্ত করে দেয়) এবং আলাদা sveltekit() plugin সরিয়ে ফেলুন:
vite.config.ts
import from '@sveltejs/adapter-auto'
import { } from '@sveltepress/vite'
import { } from 'vite'
export default ({
: [
({
: {
: {
: ({ }) =>
.(/[/\\]/).('node_modules') ? : true,
},
: (),
},
}),
],
}) ts