Closure Compiler uygulamasını kullanmaya başlama
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Closure Compiler uygulamasının "Hello World" örneği
Closure Compiler uygulaması, JavaScript'inizi sıkıştıran, optimize eden ve hataları arayan bir Java komut satırı yardımcı programıdır. Closure Compiler uygulamasını basit bir JavaScript programıyla denemek için aşağıdaki adımları uygulayın.
Bu alıştırmayı yapabilmek için Java Çalışma Zamanı Ortamı 7. sürümüne ihtiyacınız vardır.
-
Closure Compiler paketini indirme
closure-compiler adlı bir çalışma dizini oluşturun.
En son yayınlanan JAR dosyasını Maven deposundan indirip closure-compiler konumuna kaydedin.
-
JavaScript dosyası oluşturma
Aşağıdaki JavaScript'i içeren hello.js adlı bir dosya oluşturun:
// A simple function.
function hello(longName) {
alert('Hello, ' + longName);
}
hello('New User');
Bu dosyayı closure-compiler dizinine kaydedin.
-
JavaScript dosyasını derleme
Aşağıdaki komutu closure-compiler dizininden çalıştırın:
java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
Bu komut, aşağıdaki JavaScript'i içeren hello-compiled.js adlı yeni bir dosya oluşturur:
function hello(a){alert("Hello, "+a)}hello("New User");
Derleyicinin yorumları, boşlukları ve gereksiz noktalı virgülü kaldırdığını unutmayın. Derleyici, longName parametre adını da daha kısa olan a adıyla değiştirmiştir. Sonuç olarak çok daha küçük bir JavaScript dosyası elde edilir.
Derlenen JavaScript kodunun hâlâ doğru çalıştığını onaylamak için hello-compiled.js öğesini aşağıdaki gibi bir HTML dosyasına ekleyin:
<html>
<head><title>Hello World</title></head>
<body>
<script src="hello-compiled.js"></script>
</body>
</html>
HTML dosyasını bir tarayıcıya yükleyin. Karşınıza samimi bir selamlama mesajı çıkar.
Sonraki Adımlar
Bu örnekte, Closure Compiler tarafından gerçekleştirilen yalnızca en basit optimizasyonlar gösterilmektedir. Derleyicinin özellikleri hakkında daha fazla bilgi edinmek için Gelişmiş Derleme ve Harici Dosyalar başlıklı makaleyi okuyun.
Closure Compiler'ın diğer işaretleri ve seçenekleri hakkında daha fazla bilgi edinmek için jar dosyasını --help işaretiyle çalıştırın:
java -jar compiler.jar --help
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-07-27 UTC.
[null,null,["Son güncelleme tarihi: 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```"]]
