vite

Vite is a next-generation frontend build tool that provides instant dev server start via native ES modules and optimized production builds via Rollup. It supports TypeScript, JSX, CSS preprocessors, and static assets out of the box with zero configuration.

When to use: Single-page apps, multi-page apps, library publishing, SSR applications, monorepo packages, any modern frontend project needing fast dev feedback and optimized builds.

When NOT to use: Legacy browsers requiring ES5 output without transpilation, projects locked to Webpack-specific loaders with no Vite equivalents, non-JavaScript build pipelines.

Vite تكوين أداة البناء والنظام البيئي. يغطي إعداد vite.config.ts وتأليف المكونات الإضافية والمكونات الإضافية الشائعة وتكوين خادم التطوير (الوكيل وHMR وHTTPS) وتحسين البناء (التقطيع واهتزاز الأشجار والقطع اليدوية وخيارات التجميع) ووضع المكتبة لحزم النشر وتكوين SSR ومتغيرات البيئة (معالجة .env) والتطبيقات متعددة الصفحات ومعالجة CSS (PostCSS ووحدات CSS والمعالجات المسبقة) ومعالجة الأصول. يُستخدم عند تكوين مشاريع Vite، أو تأليف مكونات Vite الإضافية، أو تحسين الإصدارات، أو إعداد وكلاء خادم التطوير، أو تكوين SSR، أو التعامل مع متغيرات البيئة، أو استكشاف مشكلات Vite وإصلاحها. المصدر: oakoss/agent-skills.