JavaScript फ़ॉर्मैटर और मिनिफ़ायर
JavaScript सुंदर बनाइए या असली कम्प्रेशन और नाम-छोटा करने के साथ मिनिफ़ाई कीजिए
इस टूल के बारे में
JavaScript को एक जैसी इंडेंटेशन और अंतराल के साथ सुंदर बनाइए — किसी वेंडर बंडल को खोलकर देखिए कि वह असल में करता क्या है, या कंसोल से चिपकाया कोड साफ़ कीजिए। मिनिफ़ायर असली चीज़ है: Terser आपके कोड को AST में पार्स करता है, मृत कोड हटाता है, स्थानीय चर-नाम छोटे करता है और टिप्पणियाँ मिटाता है — वही इंजन जो बंडलर उत्पादन में इस्तेमाल करते हैं।
चूँकि मिनिफ़िकेशन AST पर आधारित है, यह कभी वैसे नहीं टूटती जैसे regex पर टिके “कंप्रेसर” तोड़ देते हैं: स्ट्रिंग, टेम्पलेट लिटरल, regex और ASI के किनारे के मामले असली पार्सर सँभालता है। वाक्य-रचना की त्रुटियाँ स्थिति सहित बताई जाती हैं, बिगड़ा आउटपुट देने के बजाय।
Terser तभी लोड होता है जब आप पहली बार मिनिफ़ाई करते हैं, जिससे पृष्ठ हल्का रहता है, और वह पूरी तरह आपके ब्राउज़र में चलता है — मालिकाना स्रोत कभी आपकी मशीन से बाहर नहीं जाता।
अक्सर पूछे जाने वाले प्रश्न
- मेरा कोड कितना छोटा होगा?
- हाथ से लिखा कोड gzip से पहले आमतौर पर 30–60% घटता है: खाली जगह, टिप्पणियाँ और लंबे स्थानीय नाम इतना ही वज़न रखते हैं। जो कोड पहले ही बंडल हो चुका है वह बहुत कम घटता है — वह यही प्रक्रिया एक बार झेल चुका होता है।
- क्या मिनिफ़िकेशन व्यवहार बदलती है?
- संपीड़न और नाम-छोटा करना अर्थ बनाए रखते हैं: केवल स्थानीय नाम बदलते हैं, और मृत-कोड हटाना उन्हीं शाखाओं को मिटाता है जो प्रमाणित रूप से चल ही नहीं सकतीं। क्लासिक अपवाद वह कोड है जो अपने ही फ़ंक्शनों के Function.prototype.name या toString() पर निर्भर हो।
- क्या यह किसी वेबसाइट के उत्पादन कोड को खोल सकता है?
- फ़ॉर्मैटर खाली जगह और संरचना लौटा देता है, जिससे नियंत्रण-प्रवाह पढ़ा जा सकता है — पर मूल चर-नाम और टिप्पणियाँ हमेशा के लिए जा चुकी होती हैं; आपको a, b, c ही दिखेंगे। गंभीर डिबगिंग के लिए source map बेहतर हैं, बशर्ते साइट उन्हें भेजती हो।
- क्या यह TypeScript या JSX समर्थित करता है?
- नहीं — दोनों को अपने पार्सर चाहिए। पहले JavaScript में संकलित कीजिए (tsc, esbuild), फिर उस आउटपुट को यहाँ फ़ॉर्मैट या मिनिफ़ाई कीजिए।