Premiers pas avec l'application Closure Compiler
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Le Hello World de l'application Closure Compiler
L'application Closure Compiler est un utilitaire de ligne de commande Java qui compresse et optimise votre code JavaScript, et y recherche les erreurs. Pour essayer l'application Closure Compiler avec un programme JavaScript simple, suivez les étapes ci-dessous.
Pour effectuer cet exercice, vous avez besoin de l'environnement d'exécution Java version 7.
-
Télécharger le package Closure Compiler
Créez un répertoire de travail appelé closure-compiler.
Téléchargez le fichier JAR le plus récent à partir du dépôt Maven et enregistrez-le dans closure-compiler.
-
Créer un fichier JavaScript
Créez un fichier nommé hello.js contenant le code JavaScript suivant :
// A simple function.
function hello(longName) {
alert('Hello, ' + longName);
}
hello('New User');
Enregistrez ce fichier dans le répertoire closure-compiler.
-
Compiler le fichier JavaScript
Exécutez la commande suivante à partir du répertoire closure-compiler :
java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
Cette commande crée un fichier nommé hello-compiled.js, qui contient le code JavaScript suivant :
function hello(a){alert("Hello, "+a)}hello("New User");
Notez que le compilateur a supprimé les commentaires, les espaces et un point-virgule inutile. Le compilateur a également remplacé le nom du paramètre longName par le nom plus court a. Le résultat est un fichier JavaScript beaucoup plus petit.
Pour vérifier que le code JavaScript compilé fonctionne toujours correctement, incluez hello-compiled.js dans un fichier HTML comme celui-ci :
<html>
<head><title>Hello World</title></head>
<body>
<script src="hello-compiled.js"></script>
</body>
</html>
Chargez le fichier HTML dans un navigateur. Vous devriez voir un message de bienvenue !
Étapes suivantes
Cet exemple illustre uniquement les optimisations les plus simples effectuées par Closure Compiler. Pour en savoir plus sur les capacités du compilateur, consultez Compilation avancée et externs.
Pour en savoir plus sur les autres indicateurs et options du compilateur Closure, exécutez le fichier JAR avec l'indicateur --help :
java -jar compiler.jar --help
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/27 (UTC).
[null,null,["Dernière mise à jour le 2025/07/27 (UTC)."],[[["\u003cp\u003eThe Closure Compiler is a Java command-line tool used to compress, optimize, and debug JavaScript code.\u003c/p\u003e\n"],["\u003cp\u003eThis guide provides a basic example of using the Closure Compiler to minify a simple "Hello World" JavaScript function.\u003c/p\u003e\n"],["\u003cp\u003eThe compiler removes unnecessary elements like comments and whitespace, shortens variable names, and produces a smaller, more efficient JavaScript file.\u003c/p\u003e\n"],["\u003cp\u003eYou can confirm the functionality of the compiled code by including it in an HTML file and loading it in a browser.\u003c/p\u003e\n"]]],[],null,["# Getting Started with the Closure Compiler Application\n\nThe Hello World of the Closure Compiler Application\n---------------------------------------------------\n\n\nThe Closure Compiler application is a Java command-line utility that\ncompresses, optimizes, and looks for mistakes in your JavaScript. To\ntry out the Closure Compiler application with a simple JavaScript\nprogram, follow the steps below.\n\n\nTo work through this exercise you need the Java Runtime Environment\nversion 7.\n\n1. **Download the Closure Compiler package**\n\n\n Create a working directory called `closure-compiler`.\n\n\n Download the most recently released JAR file from the\n [Maven repository](https://mvnrepository.com/artifact/com.google.javascript/closure-compiler), and\n save it in `closure-compiler`.\n2. **Create a JavaScript file**\n\n\n Create a file named `hello.js` containing the following\n JavaScript: \n\n ```carbon\n // A simple function.\n function hello(longName) {\n alert('Hello, ' + longName);\n }\n hello('New User');\n ```\n\n\n Save this file in the `closure-compiler` directory.\n3. **Compile the JavaScript file**\n\n\n Run the following command from\n the `closure-compiler` directory: \n\n ```\n java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js\n ```\n\n\n This command creates a new file\n called `hello-compiled.js`, which contains the following\n JavaScript: \n\n ```text\n function hello(a){alert(\"Hello, \"+a)}hello(\"New User\");\n ```\n\n\n Note that the compiler has stripped comments, whitespace and an\n unnecessary semi-colon. The compiler has also replaced the parameter\n name `longName` with the shorter name `a`. The\n result is a much smaller JavaScript file.\n\n\n To confirm that the compiled JavaScript code still works correctly,\n include `hello-compiled.js` in an HTML file like this\n one: \n\n ```text\n \u003chtml\u003e\n \u003chead\u003e\u003ctitle\u003eHello World\u003c/title\u003e\u003c/head\u003e\n \u003cbody\u003e\n \u003cscript src=\"hello-compiled.js\"\u003e\u003c/script\u003e\n \u003c/body\u003e\n \u003c/html\u003e\n ```\n\n\n Load the HTML file in a browser, and you should see a friendly greeting!\n\n### Next Steps\n\n\nThis example illustrates only the most simple optimizations\nperformed by the Closure Compiler. To learn more about the\ncompiler's capabilities, read [Advanced\nCompilation and Externs](/closure/compiler/docs/api-tutorial3).\n\n\nTo learn more about other flags and options for the Closure\nCompiler, execute the jar with the `--help` flag: \n\n```\njava -jar compiler.jar --help\n```"]]
