إعداد Vite من الصفر

coding · Cursor · free

اكتب ملف vite.config.ts مخصص للإنتاج لـ [وصف التطبيق] . المجموعة: [React 19 / Vue 3 / Svelte / vanilla TS] المتصفحات المستهدفة: [BROWSERSLIST STRING] تم النشر إلى: [STATIC HOST / SSR / EDGE] حدود البيئة: dev / preview / prod تقديم ملف تكوين واحد يتضمن: resolve.alias للمسارات التي أستخدمها فعليًا (@ → /src)، متزامنًا مع paths في ملف tsconfig.json build.target محدد من قائمة المتصفحات، وليس esnext بشكل افتراضي build.sourcemap — hidden للإنتاج (التحميل إلى Sentry، لا يتم إرساله) أو inline للمرحلة التجريبية استراتيجية الأجزاء اليدوية لتقسيم الموردين — ولكن فقط إذا أظهر تحليل الحزمة أنها الأفضل server.proxy لاستدعاءات API المحلية لتجنب CORS في التطوير define للثوابت في وقت البناء بما في ذلك BUILD ID و APP VERSION CSS: سلسلة PostCSS، نمط وحدات CSS، ترتيب @import محدد المكونات الإضافية بالترتيب الصحيح (مكون الإطار أولاً، مكونات الفحص، ثم المحولات) optimizeDeps.include للتبعيات CJS التي تعطل التشغيل الأولي ملاحظة حول وضع preview حتى أتمكن من اكتشاف الأعطال الخاصة بالإنتاج فقط قبل النشر قم بتعليق كل خيار غير بديهي بـ «لماذا»، وليس بـ «ماذا».

#vite #tooling #config