หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

ontwik-ui

ห้องสมุด UI ที่ไม่มีหัวและเครื่องกำเนิดธีม CLI

ขับเคลื่อนโดย:

  • - turborepo-ระบบสร้างประสิทธิภาพสูงสำหรับ monorepos
  • React - Library JavaScript สำหรับส่วนต่อประสานผู้ใช้
  • - TSUP - TypeScript Bundler ขับเคลื่อนโดย Esbuild
  • หนังสือนิทาน - สภาพแวดล้อมส่วนประกอบ UI ขับเคลื่อนโดย VITE

เช่นเดียวกับเครื่องมืออื่น ๆ อีกสองสามอย่างที่กำหนดไว้ล่วงหน้า:

  • typescript สำหรับการตรวจสอบประเภทคงที่
  • ชุดเปลี่ยนสำหรับการจัดการเวอร์ชันและ changelogs
  • การกระทำของ GitHub สำหรับการเผยแพร่แพ็คเกจอัตโนมัติเต็มรูปแบบ

เริ่มต้น

เอกสาร

คำสั่งที่มีประโยชน์

  • yarn dev - เรียกใช้แพ็คเกจทั้งหมดในพื้นที่และดูตัวอย่างด้วยนิทาน
  • yarn build - สร้างแพ็คเกจทั้งหมดรวมถึงเว็บไซต์นิทาน
  • yarn lint - ผ้าตัดแต่งแพ็คเกจทั้งหมด
  • yarn changeset - สร้างชุดการเปลี่ยนแปลง
  • yarn clean - ทำความสะอาด node_modules และโฟลเดอร์ dist ทั้งหมด (เรียกใช้สคริปต์ที่สะอาดของแต่ละแพ็คเกจ)

แอพและแพ็คเกจ

monorepo นี้มีแพ็คเกจและแอปพลิเคชันต่อไปนี้:

  • apps/docs : ไซต์เอกสารประกอบด้วยนิทาน
  • apps/public-docs : เอกสารสาธารณะขับเคลื่อนโดย Nextra
  • packages/ontwik-ui : ส่วนประกอบปฏิกิริยาหลัก

แต่ละแพ็คเกจและแอพคือ 90% TypeScript พื้นที่ทำงานของเส้นด้ายช่วยให้เราสามารถ "ยก" การพึ่งพาที่แชร์ระหว่างแพ็คเกจไปยัง package.json รูท Json นี่หมายถึงโฟลเดอร์ node_modules ที่เล็กกว่าและประสบการณ์การพัฒนาในท้องถิ่นที่ดีขึ้น ในการติดตั้งการพึ่งพาสำหรับ monorepo ทั้งหมดให้ใช้การตั้งค่าสถานะ -W Workspaces ด้วย yarn add

แพ็คเกจการกำหนดเวอร์ชันและสำนักพิมพ์

ที่เก็บนี้ใช้การเปลี่ยนแปลงชุดเพื่อจัดการเวอร์ชันสร้าง changelogs และเผยแพร่ไปยัง NPM มีการกำหนดค่าล่วงหน้าเพื่อให้คุณสามารถเริ่มเผยแพร่แพ็คเกจทันที

สร้าง changelog

ในการสร้าง changelog ของคุณให้เรียกใช้ yarn changeset ในเครื่อง:

  1. แพ็คเกจใดที่คุณต้องการรวม - นี่แสดงให้เห็นว่าแพ็คเกจและการเปลี่ยนแปลงใดและยังคงเหมือนเดิม โดยค่าเริ่มต้นจะไม่มีแพ็คเกจรวมอยู่ด้วย กด space เพื่อเลือกแพ็คเกจที่คุณต้องการรวมไว้ใน changeset
  2. แพ็คเกจใดที่ควรมีการชนที่สำคัญ? - กด space เพื่อเลือกแพ็คเกจที่คุณต้องการชนเวอร์ชันสำหรับ
  3. หากทำเวอร์ชันหลักแรกยืนยันว่าคุณต้องการเปิดตัว
  4. เขียนบทสรุปสำหรับการเปลี่ยนแปลง
  5. ยืนยันชุดการเปลี่ยนแปลงตามที่คาดไว้
  6. ไฟล์ Markdown ใหม่จะถูกสร้างขึ้นในโฟลเดอร์ changeset พร้อมสรุปและรายการของแพ็คเกจรวมอยู่ด้วย

การปล่อย

เมื่อคุณส่งรหัสไปยัง GitHub การกระทำของ GitHub จะเรียกใช้สคริปต์ release ที่กำหนดไว้ใน package.json : 

turbo run build --filter=docs^... --filter=public-docs^... && changeset publish

TurborePo เรียกใช้สคริปต์ build สำหรับแพ็คเกจที่เผยแพร่ทั้งหมด (ไม่รวมเอกสารและ DOCS) และเผยแพร่แพ็คเกจไปยัง NPM

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด