บทบาทของ src และอโฟลเดอร์คืออะไร?


167

ฉันกำลังดู repo คอมไพล์สำหรับปลั๊กอิน jquery ฉันต้องการเปลี่ยนแปลงบางอย่างเพื่อใช้ในโครงการของฉันเอง แต่เมื่อฉันเปิด Repo ขึ้นมามันมีโครงสร้างที่ฉันไม่เคยเห็นมาก่อน ฉันไม่แน่ใจว่าไฟล์ใดที่จะใช้ / คัดลอกไปยังโครงการของฉันเอง

มีโฟลเดอร์ "dist" และ "src" บริการเหล่านี้มีจุดประสงค์อะไร? นี่เป็นสิ่งที่เฉพาะเจาะจงสำหรับ gruntjs หรือปลั๊กอิน jquery หรือไม่?

git repo ฉันอยากรู้เกี่ยวกับ: https://github.com/ducksboard/gridster.js


20
src : แหล่งที่มา : การกระจาย
อลันดง

คำตอบ:


224

src/ย่อมาจากsourceและเป็นรหัส rawก่อน minification หรือ concatenation หรือการคอมไพล์อื่น ๆ - ใช้เพื่ออ่าน / แก้ไขรหัส

dist/ย่อมาจากการจัดจำหน่ายและเป็นรุ่นย่อ/ ตัดแบ่ง - ใช้จริงในเว็บไซต์การผลิต

นี่เป็นงานทั่วไปที่ทำเพื่อทรัพย์สินบนเว็บเพื่อทำให้เล็กลง

คุณสามารถดูตัวอย่างได้ที่นี่: http://blog.kevinchisholm.com/javascript/node-js/javascript-concatenation-and-minification-with-the-grunt-js-task-runer/


1
ทำไมเราใส่ไฟล์เช่นindex.html, style.cssหรือแม้กระทั่งbundle.jsในโฟลเดอร์ DIST ไม่พวกเขาอยู่ในโฟลเดอร์ src พร้อมกับไฟล์ที่มาอื่น ๆ ? - ตั้งแต่พวกเขาเป็น "รหัสดิบ" (. เช่น HTML ดิบหรือไฟล์จาวาสคริปต์) afterall พวกเขาไม่ได้รับการประมวลผลสำหรับการผลิตเลย
เซบาสเตียนนีลเซ่น

3
@SebastianNielsen เพราะไฟล์เหล่านั้นที่เว็บเบราว์เซอร์จะถูกดึงและใช้ในการแสดง พวกเขาจะไม่ได้ไฟล์ src ที่จะ transpiled ไปเป็นอย่างอื่น นี่คือไฟล์แจกจ่าย
dmullings

3
@Jens Törnellฉันคิดว่าไม่เป็นไร พวกเขาทั้งสองที่ถูกต้องเพื่อเบราว์เซอร์ที่พวกเขาได้รับการรวบรวมไว้แล้วกับ CSS สิ่งที่จะไม่ได้อยู่ในdistโฟลเดอร์คือไฟล์. scss หรือ. sass ที่ใช้ในการสร้างไฟล์. css
dmullings

3
ทำไมไม่สะกดชื่อโฟลเดอร์ทั้งหมด? หากเป็นเช่นนั้นเราคงไม่ต้องถามคำถามนี้ ... แต่เรามีชื่อย่อของโฟลเดอร์ที่ไม่ได้ย่อเพียงพอที่จะสรุปวัตถุประสงค์
Marko

1
@Marko Cryptic ชื่อเป็นที่ระลึกของวันแรกของการคำนวณเมื่อหน่วยความจำและพื้นที่เก็บข้อมูลถูก จำกัด ส่วนใหญ่มันเป็นเรื่องเกี่ยวกับวัฒนธรรมฉันไม่สามารถหาเหตุผลที่ดีในการสนับสนุนประเพณี มีอะไรผิดปกติในการใช้source/, public/, และbinaries/ libraries/แต่บางคนจะทำหน้าบึ้งที่คุณ
ximo
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.