مذكرات سعيد
اتقرأ🔖
الآخر

Cheat Sheet: حزمة tsx وحزمة TypeScript

tsc · tsx · noEmit · watch · .tsx · enum · TS2322
🎯 الهدف: تفتكر مين بيفحص ومين بيشغّل، وإمتى تجمع الحزمتين.
.tsxامتداد ملف فيه JSX، مش حزمة
حزمة typescriptبتدي tsc. بتفحص وبتطلّع JavaScript
حزمة tsxبتشغّل على Node عن طريق esbuild
tsc --noEmitفحص بس. مثال الغلط: TS2322
tsc مع outDirيكتب dist من غير الأنواع
tsx file.tsيشغّل حتى لو النوع غلط، ويقع وقت التنفيذ
tsx watchيعيد التشغيل لما الملف يتغيّر
node --import tsxنفس الحزمة من جوه Node
.tsx على node لوحدهERR_UNKNOWN_FILE_EXTENSION
enum على node لوحدهERR_UNSUPPORTED_TYPESCRIPT_SYNTAX
الإنتاجnode dist/main.js، والحزمتين devDependencies
الـ CItsc --noEmit حتى لو التطوير بـ tsx

خلّصت المقال لما

🧠 اختبر نفسك
١) أمر واحد يفحص الأنواع من غير ما يكتب ملفات ومن غير ما يشغّل؟
tsc --noEmit من حزمة typescript.
٢) عايز تشغّل App.tsx على Node 26. أمر node يكفي؟
لأ. الامتداد .tsx مش مفهوم. استخدم حزمة tsx.
٣) السن number والقيمة نص. مين يمسك الغلط الأول؟
tsc برسالة TS2322. tsx هيشغّل لحد ما السطر يقع بـ TypeError.