مصغّر JavaScript

صغّر JavaScript بـ Terser: يزيل المسافات والتعليقات ويختصر أسماء المتغيرات المحلية ويطبّق ضغطًا آمنًا. يعمل داخل متصفحك.

الإخراج

يعمل بالكامل في متصفحك. لا يتم رفع بياناتك أبدًا.

أدوات ذات صلة

عرض الكل

ما هو مصغّر JavaScript؟

يضغط مصغّر JavaScript شيفرة JavaScript الحديثة (ES2015 فما فوق) بـ Terser، المصغّر المستخدم في webpack وVite. يزيل المسافات والتعليقات ويعيد تسمية المتغيرات المحلية بأسماء قصيرة ويبسّط التعبيرات.

كيفية استخدام مصغّر JavaScript

  1. الصق JavaScript في مربع الإدخال.
  2. اضغط تصغير (يتحدّث الناتج أيضًا أثناء الكتابة).
  3. راجع سطر الحجم أسفل الناتج.
  4. انسخ الكود المصغّر أو نزّله.

مثال

الإدخال
function add(first, second) {
  return first + second;
}
console.log(add(1, 2));
الإخراج
function add(d,n){return d+n}console.log(add(1,2));

متى تستخدم مصغّر JavaScript

استخدمه للسكربتات الصغيرة والـ bookmarklets وكتل <script> المضمّنة أو لفحص الحجم سريعًا. وللتطبيقات اترك المجمّع يصغّر مع خرائط المصدر. لا يحوّل TypeScript أو JSX – أزل الأنواع أولًا.

كيف يعمل مصغّر JavaScript

يُصغَّر الكود عبر terser.minify مع تفعيل compress وmangle وإزالة كل التعليقات. يحلّل Terser الكود إلى شجرة AST ويضمّن الثوابت ويزيل الكود الميت والمتغيرات غير المستخدمة في النطاقات المحلية ويعيد تسمية المعرّفات المحلية للدوال. ولا تُشوَّه الأسماء في المستوى الأعلى، فتحتفظ الدوال العامة بأسمائها. وتُعرض أخطاء الصياغة مع السطر والعمود.

حالات الاستخدام الشائعة

  • تصغير سكربت مستقل لموقع ثابت
  • إنشاء bookmarklets مدمجة
  • فحص مدى صغر دالة من مكتبة
  • إزالة التعليقات قبل تضمين الكود

ملاحظة أمنية

كل شيء يعمل محليًا داخل متصفحك؛ الكود الذي تلصقه لا يُرفع إلى أي خادم.

الأسئلة الشائعة

لماذا لا تُختصر أسماء المتغيرات في المستوى الأعلى؟

قد تستخدم سكربتات أخرى الأسماء في المستوى الأعلى، لذا يحتفظ بها Terser افتراضيًا.

هل يدعم TypeScript أو JSX؟

لا، يجب أن يكون المدخل JavaScript عاديًا.

هل تُولَّد خريطة مصدر؟

لا؛ استخدم أداة البناء حين تحتاج خرائط المصدر.

الخطوات التالية المقترحة

استكشف المزيد من الفئات