إخراج tsc مقابل noEmit وأدوات التجميع
قارن بين ناتج tsc العادي ووضع --noEmit عند استخدام أدوات تجميع مثل Vite أو webpack.
إخراج tsc مقابل noEmit وأدوات التجميع درس مجاني في TypeScript Academy على CoddyKit. هذا هو الدرس 1 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في TypeScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة TypeScript Academy 3 دروس في المجموع.
مقدمة
الهدف: تعلّم كيف يُخرج tsc شيفرة JS، وما الذي يفعله --noEmit، ولماذا تحل أدوات التجميع محل الإخراج غالبًا.
إخراج tsc
يُخرج tsc افتراضيًا ملفات JS المترجمة (واختياريًا ملفات .d.ts) إلى مجلد outDir.
// tsconfig.json
{
"compilerOptions": {
"outDir": "dist"
}
}
// Command
npx tsc
// Produces JS + .d.ts in distnoEmit
يتحقق وضع --noEmit من الأنواع، لكنه يتخطى كتابة الملفات. وهو مناسب جدًا للمشاريع التي تتولى فيها أدوات التجميع التعامل مع JS.
// tsconfig.json
{
"compilerOptions": {
"noEmit": true
}
}
// Command
npx tsc --noEmit
// Only type-checks, no JS outputأدوات التجميع
تعمل أدوات التجميع (webpack, Vite, esbuild, SWC) على تحويل TS→JS والتعامل مع الأصول. ولا تحتاج إلى tsc لإخراج JS.
إعداد CI
النمط الشائع هو تشغيل tsc --noEmit في CI أو أثناء التطوير، واستخدام أداة التجميع لعمليات البناء الفعلية.
// package.json scripts
{
"scripts": {
"typecheck": "tsc --noEmit",
"dev": "vite"
}
}الوضع الهجين
أصدر ملفات التصريحات باستخدام --emitDeclarationOnly، بينما تنشئ أدوات التجميع ملفات JS. هكذا تحصل على أفضل ما في العالمين.
// Sometimes use both
npx tsc --emitDeclarationOnly # for .d.ts
npx vite build # for bundlesسؤال
تحقق سريع: لماذا نشغّل tsc --noEmit عند استخدام أدوات التجميع؟
مراجعة
مراجعة: يكتب tsc emit ملفات JS؛ أما --noEmit فيفحص الأنواع فقط. في حزم الأدوات الحديثة، تُنتج أدوات التجميع (Vite وwebpack) مخرجات JS.
تعلم TypeScript مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 101
- الدروس
- 352
الأسئلة الشائعة
هل درس «إخراج tsc مقابل noEmit وأدوات التجميع» مجاني؟
نعم — نص درس «إخراج tsc مقابل noEmit وأدوات التجميع» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة TypeScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة TypeScript Academy 3 دروس في المجموع.
ماذا ستتعلم في «إخراج tsc مقابل noEmit وأدوات التجميع»؟
قارن بين ناتج tsc العادي ووضع --noEmit عند استخدام أدوات تجميع مثل Vite أو webpack. تتمرن على TypeScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ TypeScript Academy؟
لا تُشترط خبرة سابقة. TypeScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 3.
كم من الوقت يستغرق درس «إخراج tsc مقابل noEmit وأدوات التجميع»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس TypeScript Academy هذا؟
نعم. كل درس في TypeScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- إخراج tsc مقابل noEmit وأدوات التجميع
- أساسيات Vite و esbuild و SWC و Rollup
- التصريحات وخرائط المصدر وتصدير الأنواع