Compresseur JavaScript avec Source Map
Minifiez du JavaScript et générez un fichier Source Map v3 en ligne gratuitement, sans outil de build. Notre compresseur JavaScript avec source map produit le .min.js pour la production et le fichier .map pour le débogage, tous deux téléchargeables en ZIP. Tout s'exécute dans votre navigateur : votre code ne quitte jamais votre appareil. Sans inscription.
JavaScript Input
Any JavaScript - ES5, ES6+, modules, scripts
Minified JS Output
Read-only - copy or download the minified output
About source maps
Source maps let browser DevTools map minified code back to the original source for debugging. Deploy the .min.js to production and keep the .map file on your server - the //# sourceMappingURL comment in the minified file tells DevTools where to find it.
Pourquoi utiliser notre compresseur JavaScript avec Source Map ?
- Minification JS avec Source Map instantanée : notre compresseur JavaScript avec source map minifie votre code et génère un fichier Source Map v3 valide instantanément dans le navigateur, sans aller-retour serveur ni outil de build. Obtenez le .min.js et le .map en quelques secondes, prêts pour la production.
- Compresseur JavaScript en ligne sécurisé : votre code JavaScript ne quitte jamais votre appareil. Notre compresseur JavaScript avec source map en ligne s'exécute entièrement côté client : aucun code n'est envoyé à un serveur. Minifiez sereinement de la logique métier propriétaire, des intégrations d'API ou du code applicatif sensible, sans aucun risque pour la confidentialité.
- Génération de Source Map v3 : notre compresseur JavaScript génère un fichier JSON Source Map v3 parfaitement valide avec des mappings encodés en Base64 VLQ, le sourcesContent intégré et le commentaire sourceMappingURL correct. Les DevTools du navigateur peuvent utiliser la carte pour afficher le code source d'origine pendant le débogage, même en production.
- 100 % gratuit à vie : utilisez notre compresseur JavaScript avec source map entièrement gratuitement, sans coût caché, sans inscription, sans publicité et sans limite d'utilisation. Minifiez et générez des source maps en ligne autant de fois que nécessaire, pour vos projets personnels, professionnels ou en entreprise. Gratuit à vie.
Qu'est-ce qu'un compresseur JavaScript avec Source Map ?
Un compresseur JavaScript avec source map est un outil qui minifie du code JavaScript pour réduire la taille du fichier tout en générant un fichier Source Map v3 qui fait correspondre les positions de la sortie minifiée au code source d'origine. Cela permet aux DevTools du navigateur d'afficher le code d'origine, lisible, pendant le débogage, même lorsque du JavaScript minifié est servi en production. Notre compresseur JavaScript avec source map en ligne gratuit implémente un minifieur basé sur un tokenizer et un encodeur de source map Base64 VLQ, et fonctionne entièrement dans votre navigateur sans envoi vers un serveur.
Comment fonctionne notre compresseur JavaScript avec Source Map
- 1 Collez ou importez votre JavaScript : saisissez votre JavaScript dans le panneau de saisie ou cliquez sur « Importer un .js » pour charger un fichier. Définissez le nom du fichier : il est utilisé dans le champ sources de la source map et dans les noms de fichiers de sortie.
- 2 Configurez et minifiez : choisissez vos options de minification (supprimer les commentaires, réduire les espaces, supprimer console.log, supprimer debugger). Cliquez sur « Minifier + générer la source map » : tout le traitement se fait localement dans votre navigateur, en toute confidentialité.
- 3 Téléchargez les deux fichiers : téléchargez les fichiers .min.js et .map séparément, ou cliquez sur « Télécharger les deux (.zip) » pour les obtenir ensemble. Déployez le .min.js sur votre serveur et placez le .map au même chemin : le commentaire du fichier minifié indique aux DevTools où le trouver.
Ce qui est minifié
- Commentaires supprimés : les commentaires sur une ligne ( // ) et sur plusieurs lignes sont retirés de la sortie, ce qui réduit la taille du fichier sans affecter le fonctionnement.
- Espaces réduits : les espaces, tabulations et retours à la ligne inutiles entre les tokens sont supprimés. Les espaces nécessaires entre mots-clés et identifiants sont conservés pour maintenir une syntaxe JavaScript valide.
- Chaînes préservées : les chaînes, template literals et expressions régulières sont préservés mot pour mot ; le minifieur ne modifie jamais le contenu des chaînes, ce qui évite toute casse accidentelle.
- Source Map générée : un fichier JSON Source Map v3 avec des mappings encodés en Base64 VLQ, le sourcesContent intégré et le commentaire sourceMappingURL correct est généré en même temps que la sortie minifiée.
Comment utiliser la Source Map en production
Déployez script.min.js sur votre serveur web ou votre CDN. Placez script.min.js.map au même chemin d'URL (par exemple /js/script.min.js.map). Le commentaire à la fin du fichier minifié indique aux DevTools du navigateur où récupérer la carte. Dans Chrome DevTools, ouvrez le panneau Sources : le fichier source d'origine apparaît sous le domaine. Pour la sécurité, vous pouvez restreindre l'accès au fichier .map via des règles serveur afin que seuls les développeurs puissent y accéder.
Foire aux questions
Un compresseur JavaScript avec source map est un outil qui minifie le JavaScript pour réduire la taille du fichier et génère un fichier Source Map v3 qui fait correspondre les positions de la sortie minifiée au code source d'origine. Notre compresseur JavaScript avec source map en ligne gratuit s'exécute entièrement dans votre navigateur : aucun envoi vers un serveur.
Notre compresseur JavaScript avec source map utilise une approche basée sur un tokenizer qui préserve mot pour mot toutes les chaînes, les template literals et les expressions régulières. Les commentaires et les espaces sont supprimés, et les espaces entre mots-clés sont conservés. Testez la sortie minifiée avant de déployer en production.
Absolument. Notre compresseur JavaScript avec source map traite tout localement dans votre navigateur. Votre code n'est jamais envoyé à un serveur, jamais stocké à distance et ne quitte jamais votre appareil.
Oui : 100 % gratuit, à vie. Sans inscription, sans compte, sans offre premium, sans limite d'utilisation et sans publicité.
Une Source Map v3 est un fichier JSON qui fait correspondre les positions du code minifié au code source d'origine à l'aide de données de position encodées en Base64 VLQ. Les DevTools des navigateurs l'utilisent pour afficher le code source d'origine dans le panneau Sources, ce qui permet de déboguer du code de production minifié.
Placez le fichier .map au même chemin d'URL que le fichier .min.js. Le commentaire //# sourceMappingURL à la fin du fichier minifié indique aux DevTools où récupérer la carte. Vous pouvez restreindre l'accès aux fichiers .map via des règles serveur.
Notre compresseur JavaScript avec source map propose : supprimer les commentaires, réduire les espaces, supprimer les appels console.log() et supprimer les instructions debugger. Les chaînes et les template literals sont toujours préservés mot pour mot.
Terser et UglifyJS sont des minifieurs complets basés sur l'AST qui obtiennent une compression de 30 à 50 % supérieure grâce au renommage des variables et à l'élimination du code mort. Notre outil utilise une approche basée sur un tokenizer, plus rapide et plus simple. Utilisez notre outil pour des tâches ponctuelles ; utilisez Terser dans votre pipeline de build pour la production.
Notre compresseur JavaScript avec source map ne fonctionne qu'avec JavaScript. Pour minifier du TypeScript, compilez-le d'abord en JavaScript avec tsc, puis minifiez le .js obtenu avec notre outil.