أين كنا؟ هل سئمت من كثرة التفكير في المسألتين الأوليين؟ لا تقلق، الموضوع في هذه المشكلة سهل للغاية، ما عليك سوى فهم بعض بناء الجملة بشكل موجز وكتابة بضعة أسطر من التكوين، ويمكنك دفع النظام لإكمال بعض الأعمال تلقائيًا وفقًا للطريقة المحددة مسبقًا. لا يبدو لطيفا؟ دعنا نذهب!
في هذا العدد سوف نستخدم Ant لدمج ملفات التعليمات البرمجية المكتوبة والمنظمه في العدد السابق في ملف مصدر واحد بالترتيب المحدد، ومن ثم ضغط هذا الملف. هذه هي الخطوات الأساسية لبناء مشروع JavaScript. Ant هو أحد أهم مشاريع Apache مفتوحة المصدر، وهناك العديد من المقالات حول تقديمه وتثبيته على الإنترنت، لذلك لن أخوض في التفاصيل هنا. قبل البناء، دعونا نلقي نظرة على تخطيط الملف الموجود:
قائمة الانتظار الذكية // الدليل الجذر للمكون
+--- src // دليل الملفات المصدر لجافا سكريبت
+--- lang.js // "الملف الخارجي" المذكور أعلاه
+--- Smart-queue.js // الملف الرئيسي لقائمة الانتظار الذكية
الآن، نريد أن نجعلها "كاملة":
على الرغم من أن العصفور صغير الحجم، إلا أنه يمتلك جميع الأعضاء الداخلية. تبدو الآن Smart Queue وكأنها مشروع JavaScript أكثر احترافية:
قائمة الانتظار الذكية // الدليل الجذر للمكون
+--- lib // برنامج جافا سكريبت الخارجي ودليل ملفات المكتبة
+--- yuicompressor.jar // YUI Compressor
+--- اختبار // دليل ملف الاختبار
+--- src // دليل الملفات المصدر لجافا سكريبت
+--- intro.js // المقدمة ومعلومات الإصدار
+--- lang.js // "الملف الخارجي" المذكور أعلاه
+--- Smart-queue.js // الملف الرئيسي لقائمة الانتظار الذكية
+--- README // الملف التمهيدي للمكون
+--- الترخيص // معلومات ترخيص المكون
نحن نخطط لتخزين الملفات التي تم إنشاؤها في دليل الإنشاء الفرعي ضمن الدليل الجذر للمكون، وكذلك إنشائها وتدميرها من خلال أداة الإنشاء. قبل محاولة البناء للمرة الأولى، من المستحسن أن يكون لديك فهم عام لبنية ملف تكوين Ant - build.xml:
<اسم المشروع = "MyProject" الافتراضي = "dist" Basedir = ".">
<وصف>
مثال بسيط لملف البناء
</وصف>
<!-- قم بتعيين الخصائص العامة لهذا الإصدار -->
<اسم الخاصية = "src" الموقع = "src"/>
<اسم الخاصية = "بناء" الموقع = "بناء"/>
<اسم الخاصية = "dist" location = "dist"/>
<اسم الهدف = "init">
<!-- إنشاء الطابع الزمني -->
<ختم/>
<!-- قم بإنشاء بنية دليل البناء المستخدمة بواسطة الترجمة -->
<mkdir dir="${build}"/>
</الهدف>
<اسم الهدف = "ترجمة" يعتمد = "init"
الوصف = "تجميع المصدر">
<!-- قم بتجميع كود جافا من ${src} إلى ${build} -->
<javac srcdir="${src}" destdir="${build}"/>
</الهدف>
<اسم الهدف = "نظيف"
الوصف = "تنظيف">
<!-- احذف شجرتي الدليل ${build} و${dist} -->
<حذف dir="${build}"/>
<حذف دير = "${dist}"/>
</الهدف>
</مشروع>
راقب بعناية بالإضافة إلى الاسم والوصف، اللذين يسهل فهمهما، تشمل الأنماط الأخرى التي يمكن رؤيتها ما يلي:
المصدر: Alipay UED