مقدمة إلى Vite
Vite هي أداة بناء (Build Tool) وخادم تطوير حديث تم تطويره بواسطة Evan You، مبتكر Vue.js. تُستخدم لتسريع عملية تطوير تطبيقات الويب من خلال توفير تجربة بناء سريعة وخفيفة مقارنة بأدوات مثل Webpack. تعتمد Vite على ES Modules المدمجة في المتصفحات لتحميل الكود أثناء التطوير، مما يقلل من وقت إعادة التحميل (Hot Module Replacement). تدعم Vite أطر عمل مثل Vue، React، Svelte، وغيرها، وهي مثالية للمطورين الذين يريدون إعدادًا سريعًا وفعالًا لمشاريع الويب الحديثة، مثل المواقع التفاعلية أو التطبيقات أحادية الصفحة.
المميزات الرئيسية
- سرعة فائقة في التطوير: إعادة تحميل سريعة جدًا بفضل ES Modules.
- إعداد بسيط: تكوين افتراضي ذكي لمعظم المشاريع.
- دعم متعدد الأطر: يعمل مع Vue، React، Svelte، وغيرها.
- بناء مُحسَّن: يستخدم Rollup لإنشاء حزم صغيرة وفعالة للإنتاج.
التثبيت
💻 مثال لملف الإعدادات
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
})
🔗 روابط مفيدة
التصنيفات: تطوير الويب