תחילת העבודה עם אפליקציית Closure Compiler
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
התוכנה Hello World של Closure Compiler
האפליקציה Closure Compiler היא כלי שורת פקודה ב-Java שדוחס, מבצע אופטימיזציה ומחפש שגיאות ב-JavaScript. כדי לנסות את אפליקציית Closure Compiler עם תוכנית JavaScript פשוטה, פועלים לפי השלבים הבאים.
כדי לבצע את התרגיל הזה, צריך את Java Runtime Environment (סביבת זמן ריצה של Java) בגרסה 7.
-
הורדה של חבילת Closure Compiler
יוצרים ספריית עבודה בשם closure-compiler.
מורידים את קובץ ה-JAR שפורסם לאחרונה ממאגר Maven ושומרים אותו ב-closure-compiler.
-
יצירת קובץ JavaScript
יוצרים קובץ בשם hello.js שמכיל את קוד ה-JavaScript הבא:
// A simple function.
function hello(longName) {
alert('Hello, ' + longName);
}
hello('New User');
שומרים את הקובץ הזה בספרייה closure-compiler.
-
קומפילציה של קובץ JavaScript
מריצים את הפקודה הבאה מהספרייה closure-compiler:
java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
הפקודה הזו יוצרת קובץ חדש בשם hello-compiled.js, שמכיל את קוד ה-JavaScript הבא:
function hello(a){alert("Hello, "+a)}hello("New User");
שימו לב שהקומפיילר הסיר את ההערות, הרווחים ונקודה פסיק מיותרת. הקומפיילר גם החליף את שם הפרמטר longName בשם הקצר יותר a. התוצאה היא קובץ JavaScript קטן בהרבה.
כדי לוודא שקוד ה-JavaScript שעבר קומפילציה עדיין פועל כמו שצריך,
מוסיפים את hello-compiled.js לקובץ HTML כמו זה:
<html>
<head><title>Hello World</title></head>
<body>
<script src="hello-compiled.js"></script>
</body>
</html>
טוענים את קובץ ה-HTML בדפדפן, וצריכה להופיע הודעת ברכה.
השלבים הבאים
בדוגמה הזו מוצגות רק האופטימיזציות הפשוטות ביותר שמבצע Closure Compiler. מידע נוסף על היכולות של הקומפיילר זמין במאמר Advanced Compilation and Externs.
כדי לקבל מידע נוסף על דגלים ואפשרויות אחרים של Closure Compiler, מריצים את קובץ ה-jar עם הדגל --help:
java -jar compiler.jar --help
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-27 (שעון UTC).
[null,null,["עדכון אחרון: 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```"]]
