เราเคยไปที่ไหน? คุณเหนื่อยกับการคิดมากในสองประเด็นแรกหรือไม่? ไม่ต้องกังวล หัวข้อในฉบับนี้ง่ายมาก คุณเพียงแค่ต้องเข้าใจไวยากรณ์บางอย่างสั้นๆ และเขียนการกำหนดค่าสองสามบรรทัด จากนั้นคุณสามารถขับเคลื่อนระบบให้ทำงานบางอย่างให้เสร็จสิ้นโดยอัตโนมัติตามวิธีที่กำหนดไว้ล่วงหน้าของคุณ มันฟังดูไม่น่าพอใจเหรอ? ไปกันเลย!
ในฉบับนี้ เราจะใช้ Ant เพื่อรวมไฟล์โค้ดที่เขียนและจัดระเบียบในฉบับที่แล้วให้เป็นไฟล์ต้นฉบับเดียวตามลำดับที่ระบุ จากนั้นจึงบีบอัดไฟล์นี้ เหล่านี้เป็นขั้นตอนพื้นฐานสำหรับการสร้างโปรเจ็กต์ JavaScript Ant เป็นโครงการโอเพ่นซอร์สอันดับต้นๆ ของ Apache มีบทความมากมายเกี่ยวกับการแนะนำและการติดตั้งบนอินเทอร์เน็ต ดังนั้น ฉันจะไม่ลงรายละเอียดที่นี่ ก่อนสร้าง มาดูเค้าโครงไฟล์ที่มีอยู่กันก่อน:
smart-queue // ไดเรกทอรีรากของส่วนประกอบ
+--- src // ไดเรกทอรีไฟล์ต้นฉบับ JavaScript
+--- lang.js // "ไฟล์ภายนอก" ที่กล่าวถึงข้างต้น
+--- smart-queue.js // ไฟล์หลักของ Smart Queue
ตอนนี้เราต้องการทำให้มัน "เต็ม":
แม้ว่านกกระจอกจะตัวเล็ก แต่ก็มีอวัยวะภายในทั้งหมด ตอนนี้ Smart Queue ดูเหมือนโปรเจ็กต์ JavaScript มืออาชีพมากขึ้น:
smart-queue // ไดเรกทอรีรากของส่วนประกอบ
+--- lib // โปรแกรมภายนอก JavaScript และไดเร็กทอรีไฟล์ไลบรารี
+--- yuicompressor.jar // YUI คอมเพรสเซอร์
+--- ทดสอบ // ไดเร็กทอรีไฟล์ทดสอบ
+--- src // ไดเรกทอรีไฟล์ต้นฉบับ JavaScript
+--- intro.js // ข้อมูลเบื้องต้นและเวอร์ชัน
+--- lang.js // "ไฟล์ภายนอก" ที่กล่าวถึงข้างต้น
+--- smart-queue.js // ไฟล์หลักของ Smart Queue
+--- README // ไฟล์ readme คอมโพเนนต์
+--- ใบอนุญาต // ข้อมูลการอนุญาตส่วนประกอบ
เราวางแผนที่จะจัดเก็บไฟล์ที่สร้างขึ้นในไดเร็กทอรีย่อยของ build ใต้ไดเร็กทอรีรากของคอมโพเนนต์ และยังสร้างและทำลายไฟล์ผ่านเครื่องมือ build อีกด้วย ก่อนที่จะพยายามสร้างเป็นครั้งแรก ขอแนะนำให้ทำความเข้าใจทั่วไปเกี่ยวกับโครงสร้างของไฟล์คอนฟิกูเรชันของ Ant - build.xml:
<ชื่อโครงการ = "โครงการของฉัน" เริ่มต้น = "dist" basedir = ".">
<คำอธิบาย>
ตัวอย่างไฟล์บิลด์ง่ายๆ
</คำอธิบาย>
<!-- ตั้งค่าคุณสมบัติส่วนกลางสำหรับบิลด์นี้ -->
<ชื่อคุณสมบัติ="src" location="src"/>
<ชื่อคุณสมบัติ = "สร้าง" สถานที่ = "สร้าง"/>
<ชื่อคุณสมบัติ="dist" location="dist"/>
<ชื่อเป้าหมาย="init">
<!-- สร้างการประทับเวลา -->
<ประทับตรา/>
<!-- สร้างโครงสร้างไดเร็กทอรี build ที่ใช้โดยการคอมไพล์ -->
<mkdir dir="${build}"/>
</เป้าหมาย>
<ชื่อเป้าหมาย = "คอมไพล์" ขึ้นอยู่กับ = "init"
description="รวบรวมแหล่งที่มา ">
<!-- รวบรวมโค้ด Java จาก ${src} ลงใน ${build} -->
<javac srcdir="${src}" destdir="${build}"/>
</เป้าหมาย>
<ชื่อเป้าหมาย = "สะอาด"
คำอธิบาย = "ทำความสะอาด" >
<!-- ลบแผนผังไดเร็กทอรี ${build} และ ${dist} -->
<ลบ dir="${build}"/>
<ลบ dir="${dist}"/>
</เป้าหมาย>
</โครงการ>
สังเกตให้ดี นอกจากชื่อและคำอธิบายที่เข้าใจง่ายแล้วยังมีรูปแบบอื่นๆ ที่เห็น ได้แก่
ที่มา: Alipay UED