वेब डेवलपमेंट
JS Minify / Beautify
प्रोडक्शन के लिए JavaScript संकुचित करें या संकुचित कोड को पढ़ने योग्य रूप में फ़ॉर्मेट करें।
पूर्वावलोकन के लिए बहुत बड़ा
पूर्वावलोकन के लिए बहुत बड़ा
Minifying JavaScript strips whitespace, comments, and line breaks, and often shortens local variable names — none of that changes how the code runs, but it noticeably shrinks the file for a faster load.
How to use it
- Minify: paste JavaScript code and the tool compresses it while keeping its behavior identical.
- Beautify: paste minified code with no indentation to get a readable version for analysis or debugging.
- Beautifying is especially useful for picking apart a third-party minified script when no source map is available.
Common uses
- Quickly minifying a small script without setting up a full build tool.
- Beautifying minified code from a third-party library to understand what it does.
- Inspecting a suspicious or unclear minified script before trusting it to run.
Things to keep in mind
Minification isn't obfuscation — variables get renamed to shrink size, not to hide logic; serious obfuscation needs dedicated specialized tools.
Minified code in production without a source map is hard to debug — the line numbers in error messages won't match the original file.
इस टूल के बारे में लेख: JavaScript मिनिफ़िकेशन: मिनिफ़ाई और ऑब्फ़स्केट में फ़र्क़
अक्सर पूछे जाने वाले प्रश्न
मिनिफायर पर्दे के पीछे किस टूल का इस्तेमाल करता है?
यह terser का इस्तेमाल करता है, जो व्यापक रूप से इस्तेमाल होने वाला JavaScript मिनिफायर और कंप्रेसर है जो आधुनिक सिंटैक्स भी समझता है।
मिनिफ़ाई किया गया JavaScript डीबग करना कठिन क्यों है?
Terser वेरिएबल और फ़ंक्शन नामों को छोटा करता है और व्हाइटस्पेस व कमेंट्स हटाता है, और चूंकि यह टूल सोर्स मैप जनरेट नहीं करता, ब्राउज़र डेव टूल्स मिनिफ़ाई किए गए कोड को पठनीय मूल लाइनों से मैप नहीं कर सकते।
क्या मिनिफ़ाई करने से मेरा कोड टूट जाएगा?
सिंटैक्टिकली वैध JavaScript के लिए, मिनिफ़िकेशन व्यवहार को बनाए रखता है; अगर कोई सिंटैक्स एरर है, तो टूल लाइन और कॉलम बताता है ताकि आप मिनिफ़ाई करने से पहले उसे ठीक कर सकें — सब कुछ आपका कोड अपलोड किए बिना स्थानीय रूप से चलता है।
Tree shaking, मिनिफ़िकेशन से कैसे अलग है?
Tree shaking बिल्ड टाइम पर मॉड्यूल डिपेंडेंसी ग्राफ़ एनालाइज़ करके बंडल से वह कोड हटाती है जो कहीं इस्तेमाल ही नहीं होता, जबकि मिनिफ़िकेशन सिर्फ़ पहले से मौजूद कोड की टेक्स्चुअल रिप्रेज़ेंटेशन छोटी करती है — यह कोई ऐसा फ़ंक्शन नहीं हटाती जो असल में एक्ज़िक्यूट होता हो।
क्या बिना एक्स्ट्रा टेस्टिंग के प्रोडक्शन में मिनिफ़ाइड JavaScript इस्तेमाल करना सुरक्षित है?
हां, मिनिफ़िकेशन एक शुद्ध सिंटैक्टिक ट्रांसफ़ॉर्मेशन है जो प्रोग्राम के बर्ताव को बिल्कुल वैसा ही रखती है; मिनिफ़ाई करने के बाद बर्ताव में कोई भी फ़र्क़ मिनिफ़ायर के ख़ुद के बग की तरफ़ इशारा करता है, लॉजिक में जानबूझकर किए बदलाव की तरफ़ नहीं।