इस टूल के बारे में
कोड कभी किसी bundle से मिनीफ़ाई होकर आता है, कभी झटपट पेस्ट से गन्दा, और आपको उल्टा चाहिए होता है। यह फ़ॉर्मैटर दोनों करता है: HTML, CSS या JavaScript को पढ़ने योग्य बनाने के लिए सुंदर बनाना, या रिलीज़ के लिए इसे घटाने हेतु मिनीफ़ाई करना। JavaScript मिनीफ़िकेशन Terser और CSS का CSSO संभालता है — वही परखे हुए टूल जो असली बिल्ड पाइपलाइनों में इस्तेमाल होते हैं।
सब कुछ आपके ब्राउज़र में लोकल रूप से चलता है, इसलिए मालिकाना कोड भी आपकी मशीन पर रहता है। भाषा चुनें, सुंदर बनाना या मिनीफ़ाई चुनें, और नतीजा कॉपी करें।
अक्सर पूछे जाने वाले प्रश्न
ब्यूटीफ़ाई और मिनिफ़ाई में क्या अंतर है?
ब्यूटीफ़ाई इंडेंटेशन और लाइन ब्रेक जोड़ता है ताकि कोड पढ़ना आसान हो; मिनिफ़ाई व्हाइटस्पेस, कमेंट हटाता है और नाम छोटे करता है ताकि प्रोडक्शन के लिए फ़ाइल जितनी संभव हो उतनी छोटी हो। डेवलपमेंट के दौरान ब्यूटीफ़ाई और शिप करने से पहले मिनिफ़ाई का उपयोग करें।
क्या मिनिफ़ाई करने से मेरे कोड का व्यवहार बदल जाता है?
नहीं बदलना चाहिए — मिनिफ़ायर केवल वही सिंटैक्स दोबारा लिखते हैं जो प्रमाणित रूप से समतुल्य हो (जैसे लोकल वैरिएबल का नाम बदलना, डेड कोड हटाना)। यदि मिनिफ़ाई किया गया आउटपुट अलग व्यवहार करता है, तो आमतौर पर इसका मतलब है कि कोड व्हाइटस्पेस-संवेदनशील तरकीबों पर निर्भर था, या मिनिफ़ायर के पार्सर ने कोई वास्तविक बग पकड़ा है।
क्या मेरा कोड कहीं अपलोड होता है?
नहीं। फ़ॉर्मेटिंग और मिनिफ़ाई दोनों पूरी तरह आपके ब्राउज़र में JavaScript लाइब्रेरी (js-beautify, Terser, csso) से चलते हैं, जो एक बार लोड होकर स्थानीय रूप से चलती हैं। आपका कोड कभी इस पेज से बाहर नहीं जाता।
यह फ़ॉर्मेटर किन भाषाओं को सपोर्ट करता है?
JavaScript, CSS और HTML। JS मिनिफ़िकेशन Terser का उपयोग करता है, CSS मिनिफ़िकेशन csso का, और HTML मिनिफ़िकेशन एक हल्की कस्टम प्रक्रिया है जो <pre>, <script> और <style> टैग की सामग्री को सुरक्षित रखती है।
फ़ॉर्मेट किए गए आउटपुट की जगह सिंटैक्स एरर क्यों मिला?
फ़ॉर्मेटर ब्यूटीफ़ाई या मिनिफ़ाई करने से पहले आपके कोड को पार्स करता है, इसलिए एक वास्तविक सिंटैक्स एरर (बिना मिलान वाला ब्रैकेट, अतिरिक्त कॉमा) लाइन नंबर के साथ रिपोर्ट किया जाता है, न कि चुपचाप टूटा हुआ आउटपुट दिया जाता है।