Erste Schritte mit der Closure Compiler-Anwendung
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Die Hello World-Anwendung des Closure Compiler
Die Closure Compiler-Anwendung ist ein Java-Befehlszeilenprogramm, das Ihr JavaScript komprimiert, optimiert und nach Fehlern durchsucht. Wenn Sie die Closure Compiler-Anwendung mit einem einfachen JavaScript-Programm ausprobieren möchten, folgen Sie der Anleitung unten.
Für diese Übung benötigen Sie die Java-Laufzeitumgebung Version 7.
-
Closure Compiler-Paket herunterladen
Erstellen Sie ein Arbeitsverzeichnis mit dem Namen closure-compiler.
Laden Sie die zuletzt veröffentlichte JAR-Datei aus dem Maven-Repository herunter und speichern Sie sie in closure-compiler.
-
JavaScript-Datei erstellen
Erstellen Sie eine Datei mit dem Namen hello.js, die folgenden JavaScript-Code enthält:
// A simple function.
function hello(longName) {
alert('Hello, ' + longName);
}
hello('New User');
Speichern Sie diese Datei im Verzeichnis closure-compiler.
-
JavaScript-Datei kompilieren
Führen Sie den folgenden Befehl im Verzeichnis closure-compiler aus:
java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
Mit diesem Befehl wird eine neue Datei mit dem Namen hello-compiled.js erstellt, die folgenden JavaScript-Code enthält:
function hello(a){alert("Hello, "+a)}hello("New User");
Der Compiler hat Kommentare, Leerzeichen und ein unnötiges Semikolon entfernt. Der Compiler hat auch den Parameternamen longName durch den kürzeren Namen a ersetzt. Das Ergebnis ist eine viel kleinere JavaScript-Datei.
Um zu prüfen, ob der kompilierte JavaScript-Code weiterhin ordnungsgemäß funktioniert, fügen Sie hello-compiled.js in eine HTML-Datei wie diese ein:
<html>
<head><title>Hello World</title></head>
<body>
<script src="hello-compiled.js"></script>
</body>
</html>
Laden Sie die HTML-Datei in einen Browser. Sie sollten nun eine freundliche Begrüßung sehen.
Nächste Schritte
In diesem Beispiel werden nur die einfachsten Optimierungen veranschaulicht, die vom Closure Compiler ausgeführt werden. Weitere Informationen zu den Funktionen des Compilers finden Sie unter Erweiterte Kompilierung und Externs.
Wenn Sie mehr über andere Flags und Optionen für den Closure Compiler erfahren möchten, führen Sie die JAR-Datei mit dem Flag --help aus:
java -jar compiler.jar --help
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2025-07-27 (UTC).
[null,null,["Zuletzt aktualisiert: 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```"]]
