כלי חינמי · רץ בדפדפן שלכם

מכווץ JavaScript

הקטינו JavaScript בהסרת רווחים והערות, בקיצור שמות ובפישוט הקוד.

JavaScript

קיצור שמות משתנים מקומיים פישוט הקוד שמירת הערות רישיון /*!

JavaScript מכווץ

מבוסס על Terser. הקוד מנותח ונכתב מחדש בדפדפן שלכם, ואף פעם לא מורץ או מועלה.

תשובה קצרה

הדביקו JavaScript כדי לכווץ אותו עם Terser, המנוע שמשמש כלי בנייה רבים. הוא מסיר הערות ורווחים, מקצר שמות משתנים מקומיים ומפשט קוד, ומציג את הבתים שנחסכו. יש תמיכה בתחביר מודרני, ושגיאות תחביר מדווחות עם שורה ועמודה. הקוד לעולם לא מורץ או מועלה, והוא רק מנותח בדפדפן.

איך משתמשים

הדביקו JavaScript. הוא מתכווץ רגע אחרי שמפסיקים להקליד.
בחרו אפשרויות. קיצור שמות, פישוט קוד או שמירת הערות רישיון.
העתיקו את התוצאה. בדקו לפני פרסום, ושמרו את המקור לעריכה.

דוגמה

השם ברמה העליונה נשאר. השמות המקומיים והרווחים נעלמים:

קלט

function add(first, second) {
  // adds two numbers
  const total = first + second;
  return total;
}

פלט

function add(n,d){return n+d}

שגיאות נפוצות ואיך לתקן אותן

שגיאת תחביר: לא ניתן לנתח את הקוד. תקנו בשורה ובעמודה שמוצגות, ובדקו סוגריים חסרים.
אסימון לא צפוי: import או export: הכלי מכווץ סקריפטים רגילים. לקוד מודולים השתמשו ב־bundler.
הקוד הפסיק לעבוד אחרי הכיווץ: ייתכן שהוא תלוי בשמות פונקציות או משתנים. כבו את קיצור השמות ובדקו שוב.

שאלות נפוצות

מה עושה כיווץ JavaScript?

הוא מסיר הערות ורווחים, נותן למשתנים מקומיים שמות קצרים וכותב קוד בצורה קצרה יותר, כך שהוא יורד מהר יותר ומתנהג אותו דבר.

אפשר להחזיר קוד מכווץ?

חלקית. כלי עיצוב משחזרים את הפריסה, אבל השמות וההערות המקוריים אבדו. זה לא אמצעי אבטחה.

האם כיווץ ישבור את הקוד?

לעיתים נדירות. בעיות נובעות בעיקר מקוד שתלוי בשמות פונקציות או ב־eval. כבו את קיצור השמות אם אתם חושדים בכך.

האם זה מקצר שמות גלובליים?

לא. סקריפטים אחרים יכולים להשתמש בשמות ברמה העליונה, ולכן הם נשמרים.

מה ההבדל בין כיווץ לערפול?

כיווץ נועד להקטין. ערפול נועד להקשות על הקריאה, ולרוב מגדיל את הקוד.

האם יש תמיכה ב־ES6 ובמודולים?

כן לתחביר מודרני, כולל פונקציות חץ, מחלקות ו־async/await. קוד עם import או export דורש בניית מודול, אז השתמשו ב־bundler.

לכווץ ידנית או ב־bundler?

בפרויקטים אמיתיים השתמשו ב־Vite או ב־webpack, שמריצים מכווץ אוטומטית. הכלי הזה מיועד לסקריפטים בודדים ולמשימות מהירות.

האם הקוד מורץ או נשמר?

לא. הוא רק מנותח ונכתב מחדש כטקסט בדפדפן.

האם לכווץ גם CSS?

כן, זה בדרך כלל שיפור מהיר למהירות הדף. השתמשו במכווץ CSS.

האם כיווץ מסתיר קוד או סודות?

לא. כל אחד עדיין יכול לקרוא אותו, לכן לעולם אל תשימו מפתחות API בקוד דפדפן. כדי לשמור טביעת אצבע של ערך, ראו את מחולל גיבוב SHA-256.