بدء استخدام تطبيق Closure Compiler
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
مقدّمة عن تطبيق Closure Compiler
تطبيق Closure Compiler هو أداة سطر أوامر Java تعمل على ضغط JavaScript وتحسينه والبحث عن الأخطاء فيه. لتجربة تطبيق Closure Compiler باستخدام برنامج JavaScript بسيط، اتّبِع الخطوات التالية.
لإكمال هذا التمرين، يجب أن يتوفّر لديك الإصدار 7 من Java Runtime Environment.
-
تنزيل حزمة 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. لمزيد من المعلومات حول إمكانات برنامج التجميع، يُرجى قراءة مقالة التجميع المتقدّم والملفات الخارجية.
لمزيد من المعلومات عن العلامات والخيارات الأخرى الخاصة ببرنامج Closure Compiler، نفِّذ ملف jar باستخدام العلامة --help:
java -jar compiler.jar --help
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2025-07-27 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-07-27 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\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```"]]
