📋 محتويات الصفحة
📖 الوصف
Vite هي أداة بناء حديثة للمشاريع الأمامية تم إنشاؤها بواسطة Evan You (مطور Vue). تعتمد على ES modules الأصلية في المتصفح لإقلاع خادم تطوير سريع جداً، وتستخدم Rollup لعملية البناء الإنتاجية. تتميز Vite بسرعة هائلة في هوت موديل ريبلايسمنت (HMR) وإعداد المشروع مقارنة بـ Webpack.
🎯 يستخدم في
مجالات استخدام هذه الأداة
تطوير تطبيقات React و Vue و Svelte
بناء SPA و MPA
المكتبات والمكونات المشتركة
مشاريع JavaScript و TypeScript الحديثة
✨ المميزات
أبرز مميزات هذه الأداة
إقلاع خادم التطوير فوري (Instant Server Start)
HMR فائق السرعة
بناء محسّن باستخدام Rollup
دعم TypeScript و JSX أصلي
plugins system غني
دعم prerendering و SSR
⚠️ العيوب
نقاط يجب مراعاتها
يحتاج Node.js >= 18
بعض plugins الخاصة بـ Webpack غير متوفرة
أقل مرونة من Webpack للتخصيص المتقدم
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
# إنشاء مشروع Vite
npm create vite@latest my-project
# تشغيل خادم التطوير
npx vite dev
# بناء الإنتاج
npx vite build
# تشغيل preview
npx vite preview
# إنشاء مشروع React + Vite
npm create vite@latest my-app -- --template react-ts📚 أدوات أخرى في Build-Tools
قد يعجبك أيضاً
Babel
⭐محول JavaScript (transpiler)
esbuild
⭐Bundler ومشغل JavaScript فائق السرعة
Lerna
⭐أداة لإدارة npm packages المتعددة
Nx
⭐منصة تطور ذكية للـ monorepos
Parcel
أداة بناء بدون إعدادات (Zero Configuration)
Rollup
⭐أداة بناء JavaScript للمكتبات والتطبيقات