Introducción a la aplicación de Closure Compiler
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
El “Hello World” de la aplicación de Closure Compiler
La aplicación de Closure Compiler es una utilidad de línea de comandos de Java que comprime, optimiza y busca errores en tu código JavaScript. Para probar la aplicación de Closure Compiler con un programa simple de JavaScript, sigue los pasos que se indican a continuación.
Para realizar este ejercicio, necesitas la versión 7 del entorno de ejecución de Java.
-
Descarga el paquete de Closure Compiler
Crea un directorio de trabajo llamado closure-compiler.
Descarga el archivo JAR publicado más recientemente desde el repositorio de Maven y guárdalo en closure-compiler.
-
Crea un archivo JavaScript
Crea un archivo llamado hello.js que contenga el siguiente código JavaScript:
// A simple function.
function hello(longName) {
alert('Hello, ' + longName);
}
hello('New User');
Guarda este archivo en el directorio closure-compiler.
-
Compila el archivo JavaScript
Ejecuta el siguiente comando desde el directorio closure-compiler:
java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
Este comando crea un archivo nuevo llamado hello-compiled.js, que contiene el siguiente JavaScript:
function hello(a){alert("Hello, "+a)}hello("New User");
Ten en cuenta que el compilador quitó los comentarios, los espacios en blanco y un punto y coma innecesario. El compilador también reemplazó el nombre del parámetro longName por el nombre más corto a. El resultado es un archivo JavaScript mucho más pequeño.
Para confirmar que el código de JavaScript compilado sigue funcionando correctamente, incluye hello-compiled.js en un archivo HTML como este:
<html>
<head><title>Hello World</title></head>
<body>
<script src="hello-compiled.js"></script>
</body>
</html>
Carga el archivo HTML en un navegador y verás un saludo.
Próximos pasos
En este ejemplo, se ilustran solo las optimizaciones más simples que realiza el compilador de Closure. Para obtener más información sobre las capacidades del compilador, consulta Compilación avanzada y externs.
Para obtener más información sobre otras marcas y opciones del compilador de Closure, ejecuta el archivo .jar con la marca --help:
java -jar compiler.jar --help
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-07-27 (UTC)
[null,null,["Última actualización: 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```"]]
