التطوير والاختبار

Vite Build Configuration

هيّئ Vite لتطوير سريع جدًا مع ESM الأصلي و HMR فوري وبناءات إنتاج محسّنة باستخدام Rollup.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf

نظرة عامة

Vite هي أداة البناء الحديثة التي حلّت محل Webpack إلى حد كبير في المشاريع الجديدة، وتوفر بدء تشغيل فوري لخادم التطوير واستبدال وحدات ساخن سريع للغاية مدعوم بوحدات ES الأصلية. يستطيع وكلاء الذكاء الاصطناعي تهيئة Vite لمشاريع React و Vue و Svelte و Astro و TypeScript العادية بأقل قدر من القوالب وأقصى أداء.

يستطيع وكيل الذكاء الاصطناعي إعداد إضافات Vite لأطر محددة وتهيئة أسماء المسارات المستعارة وإعداد متغيرات البيئة وتحسين التجميع المسبق للتبعيات وضبط بناء الإنتاج المبني على Rollup. تهيئة Vite أبسط من Webpack، مما يسهّل على الوكلاء إنشاء تهيئات صحيحة من المحاولة الأولى. واجهة الإضافات أيضًا واضحة، ويستطيع الوكلاء كتابة إضافات مخصصة عند الحاجة.

لبناءات الإنتاج، يستفيد Vite من Rollup تحت الغطاء، ويدعم تقسيم الكود وتقسيم CSS وتضمين الأصول ووضع المكتبة لنشر الحزم. يستطيع وكيل الذكاء الاصطناعي تهيئة أهداف البناء وإعداد قواعد البروكسي لطلبات API والتكامل مع أطر SSR وتحسين البناء للنشر على أي منصة استضافة.

لمن هذه الأداة؟

مطوري الواجهة الأمامية اللي بيعدّوا مشاريع جديدة مع HMR فوري وبناءات سريعة
الفرق اللي بتنتقل من Webpack لـ Vite لتجربة تطوير أسرع بشكل كبير
مؤلفي المكتبات اللي بيستخدموا وضع المكتبة في Vite لنشر حزم NPM
مطوري Full-stack اللي بيهيّئوا Vite لـ SSR مع واجهات Node.js الخلفية

التثبيت

إعداد Claude Code

npm create vite@latest my-app -- --template react-ts
Claude Code configures and extends vite.config.ts

الإعدادات

// vite.config.ts
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";

export default defineConfig({
  plugins: [react()],
  server: { port: 3000, proxy: { "/api": "http://localhost:4000" } },
  build: { target: "es2020", sourcemap: true },
  resolve: { alias: { "@": "/src" } },
});

زيارة المصدر (الموقع الرسمي)

استكشف أدوات AI

أدوات AI تكمل شغلك — للمصممين والمطورين

اقرأ مقالات عن AI

نصايح عملية في التصميم والذكاء الاصطناعي

أدوات مشابهة

التطوير والاختبار

Linear MCP Server

إدارة المهام والتذاكر في Linear مباشرة من وكيل البرمجة بدون مغادرة المحرر.

Claude Code Cursor Windsurf

التطوير والاختبار

Playwright MCP

أتمتة اختبارات المتصفح والتفاعل مع صفحات الويب برمجيًا للتحقق من الواجهات.

Claude Code Cursor Copilot

التطوير والاختبار

Jest Test Runner

تشغيل وتصحيح اختبارات الوحدة والتكامل تلقائيًا مع تحليل نتائج الأخطاء.

Claude Code Copilot Cursor