جافاسكريبت - Vite: هل هناك إمكانية لاستبعاد عناصر الكود من أن تُبنى؟

أبحث عن "ميزة" في Vite ستتيح لي استبعاد بعض الشيفرات من أن تُبنى. حسب ما أذكر في webpack، كانت هناك ميزة يمكنك من خلالها إنشاء بعض التعليقات مثل:

###SOMETHING
<code goes here>
###END_SOMETHING

وهذا الكود بين ###SOMETHING و ###END_SOMETHING لم يُدرج في ملفات الإخراج أثناء عملية البناء. هل هناك ميزة مماثلة متاحة في Vite أو ربما هناك طريقة أخرى لأداء هذا الإجراء؟ أساسًا، يجب أن يكون الكود بين هذه "الوسوم" موجودًا ويعمل أثناء vite dev، ولكنه يجب أن يتم حذفه بواسطة vite build.

لقد وجدت إعدادات Rollup لكنها تشمل الملفات بأكملها فقط.

الإجابة رقم 1

يجب أن يكون من الممكن تقييم جافاسكريبت بشكل شرطي وفقًا لنمط التنفيذ (الإنتاج أو التطوير) باستخدام المتغير import.meta.env.

vite dev سيعمل في وضع التطوير بشكل افتراضي و vite build سيستخدم وضع الإنتاج (يمكنك تغييره من خلال --mode)

انظر https://vitejs.dev/guide/env-and-mode.html#modes

في حالتك يمكنك استخدام import.meta.env.DEV لمعرفة ما إذا كنت في وضع التطوير وتشغيل بعض الشيفرات بشكل شرطي، على سبيل المثال:

if (import.meta.env.DEV) {
    // code runs in vite dev
}