Mulai Menggunakan Aplikasi Closure Compiler
Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.
Aplikasi Hello World Closure Compiler
Aplikasi Closure Compiler adalah utilitas command line Java yang memampatkan, mengoptimalkan, dan mencari kesalahan dalam JavaScript Anda. Untuk mencoba aplikasi Closure Compiler dengan program JavaScript sederhana, ikuti langkah-langkah di bawah.
Untuk menyelesaikan latihan ini, Anda memerlukan Java Runtime Environment versi 7.
-
Download paket Closure Compiler
Buat direktori kerja bernama closure-compiler.
Download file JAR yang baru dirilis dari repositori Maven, dan simpan di closure-compiler.
-
Buat file JavaScript
Buat file bernama hello.js yang berisi JavaScript berikut:
// A simple function. function hello(longName) { alert('Hello, ' + longName); } hello('New User'); Simpan file ini di direktori closure-compiler.
-
Kompilasi file JavaScript
Jalankan perintah berikut dari direktori closure-compiler:
java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
Perintah ini akan membuat file baru bernama hello-compiled.js, yang berisi JavaScript berikut:
function hello(a){alert("Hello, "+a)}hello("New User"); Perhatikan bahwa compiler telah menghapus komentar, spasi, dan titik koma yang tidak perlu. Compiler juga telah mengganti nama parameter longName dengan nama yang lebih pendek a. Hasilnya adalah file JavaScript yang jauh lebih kecil.
Untuk mengonfirmasi bahwa kode JavaScript yang dikompilasi masih berfungsi dengan benar, sertakan hello-compiled.js dalam file HTML seperti ini:
<html> <head><title>Hello World</title></head> <body> <script src="hello-compiled.js"></script> </body> </html>
Muat file HTML di browser, dan Anda akan melihat ucapan selamat!
Langkah Berikutnya
Contoh ini hanya mengilustrasikan pengoptimalan paling sederhana yang dilakukan oleh Closure Compiler. Untuk mempelajari lebih lanjut kemampuan kompiler, baca Kompilasi Lanjutan dan Eksternal.
Untuk mempelajari lebih lanjut flag dan opsi lain untuk Compiler Closure, jalankan jar dengan flag --help:
java -jar compiler.jar --help
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-27 UTC.
[null,null,["Terakhir diperbarui pada 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```"]]
