Guida introduttiva all'applicazione Closure Compiler
Mantieni tutto organizzato con le raccolte Salva e classifica i contenuti in base alle tue preferenze.
Hello World dell'applicazione Closure Compiler
L'applicazione Closure Compiler è un'utilità a riga di comando Java che comprime, ottimizza e cerca errori nel tuo codice JavaScript. Per provare l'applicazione Closure Compiler con un semplice programma JavaScript, segui i passaggi riportati di seguito.
Per svolgere questo esercizio, devi disporre di Java Runtime Environment versione 7.
-
Scarica il pacchetto Closure Compiler
Crea una directory di lavoro denominata closure-compiler
.
Scarica il file JAR rilasciato più di recente dal repository Maven e salvalo in closure-compiler
.
-
Creare un file JavaScript
Crea un file denominato hello.js
contenente il seguente JavaScript:
// A simple function. function hello(longName) { alert('Hello, ' + longName); } hello('New User');
Salva questo file nella directory closure-compiler
.
-
Compilare il file JavaScript
Esegui questo comando dalla directory closure-compiler
:
java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
Questo comando crea un nuovo file denominato hello-compiled.js
, che contiene il seguente codice JavaScript:
function hello(a){alert("Hello, "+a)}hello("New User");
Tieni presente che il compilatore ha rimosso commenti, spazi vuoti e un punto e virgola non necessario. Il compilatore ha anche sostituito il nome del parametro longName
con il nome più breve a
. Il risultato è un file JavaScript molto più piccolo.
Per verificare che il codice JavaScript compilato funzioni ancora correttamente, includi hello-compiled.js
in un file HTML come questo:
<html> <head><title>Hello World</title></head> <body> <script src="hello-compiled.js"></script> </body> </html>
Carica il file HTML in un browser e dovresti visualizzare un messaggio di saluto.
Passaggi successivi
Questo esempio illustra solo le ottimizzazioni più semplici eseguite da Closure Compiler. Per scoprire di più sulle funzionalità del compilatore, leggi Compilazione avanzata ed extern.
Per scoprire di più su altri flag e opzioni per il compilatore Closure, esegui il file jar con il flag --help
:
java -jar compiler.jar --help
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-07-27 UTC.
[null,null,["Ultimo aggiornamento 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```"]]