JavaScript मिनिफ़ायर

Terser से JavaScript मिनिफ़ाई करें: व्हाइटस्पेस और टिप्पणियाँ हटाता है, लोकल वेरिएबल के नाम छोटे करता है और सुरक्षित कंप्रेशन लगाता है। ब्राउज़र में चलता है।

आउटपुट

पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड नहीं होता।

संबंधित टूल्स

सभी देखें

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 मिनिफ़ायर का उपयोग कब करें

छोटी स्क्रिप्ट, बुकमार्कलेट, इनलाइन <script> ब्लॉक या साइज़ की त्वरित जाँच के लिए इसका उपयोग करें। एप्लिकेशन में अपने बंडलर से सोर्स मैप के साथ मिनिफ़ाई कराएँ। यह TypeScript या JSX ट्रांसपाइल नहीं करता – पहले टाइप हटाएँ।

JavaScript मिनिफ़ायर कैसे काम करता है

कोड को terser.minify से मिनिफ़ाई किया जाता है, जिसमें compress और mangle चालू हैं और सभी टिप्पणियाँ हटाई जाती हैं। Terser कोड को AST में पार्स करता है, स्थिरांक इनलाइन करता है, लोकल स्कोप में डेड कोड और अप्रयुक्त वेरिएबल हटाता है और फ़ंक्शन के भीतरी आइडेंटिफ़ायर के नाम बदलता है। टॉप-लेवल नाम म्यांगल नहीं होते, इसलिए ग्लोबल फ़ंक्शन अपने नाम रखते हैं। सिंटैक्स त्रुटियाँ पंक्ति और कॉलम के साथ बताई जाती हैं।

सामान्य उपयोग मामले

  • स्टैटिक साइट के लिए अलग स्क्रिप्ट मिनिफ़ाई करना
  • सघन बुकमार्कलेट बनाना
  • देखना कि लाइब्रेरी फ़ंक्शन कितना छोटा होता है
  • कोड एम्बेड करने से पहले टिप्पणियाँ हटाना

सुरक्षा नोट

सब कुछ आपके ब्राउज़र में ही चलता है; आप जो कोड पेस्ट करते हैं वह कहीं अपलोड नहीं होता।

अक्सर पूछे जाने वाले प्रश्न

मेरे टॉप-लेवल वेरिएबल के नाम छोटे क्यों नहीं हुए?

टॉप-लेवल नाम दूसरी स्क्रिप्ट इस्तेमाल कर सकती हैं, इसलिए Terser उन्हें डिफ़ॉल्ट रूप से रखता है।

क्या यह TypeScript या JSX का समर्थन करता है?

नहीं, इनपुट सादा JavaScript होना चाहिए।

क्या सोर्स मैप बनता है?

नहीं; सोर्स मैप चाहिए तो अपना बिल्ड टूल इस्तेमाल करें।

सुझाए गए अगले कदम

और श्रेणियाँ देखें