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

LWC-Storybooks-Poc

LWC Storybook POC เป็นการรวมตัวกันขององค์ประกอบเว็บและนิทาน Lightning มันแสดงให้เห็นว่าการเลือกส่วนประกอบพื้นฐานสามารถใช้ในโครงการโอเพนซอร์ซเช่นนิทานได้อย่างไร ส่วนประกอบพื้นฐานใช้ระบบการออกแบบฟ้าผ่าและได้รับการพัฒนาโดยใช้ส่วนประกอบเว็บสายฟ้า

เริ่มต้น

เรียกใช้โครงการในพื้นที่เพื่อสำรวจว่าการใช้ส่วนประกอบพื้นฐาน-การเลือกใช้ในนิทานอย่างไร

  1. โคลน repo 
$ git clone [email protected]:reiniergs/lwc-storybooks-poc.git
$ cd lwc-storybooks-poc
  1. ติดตั้งการพึ่งพา 
$ yarn install
  1. เรียกใช้งานสร้างในพื้นที่ของคุณ ขั้นตอนนี้เปิดเว็บเบราว์เซอร์ของคุณและนำทางไปที่ http: // localhost: 6006/ 
$ yarn storybook

แนวทางสำหรับการปรับใช้ส่วนประกอบพื้นฐาน

ในการปรับใช้ส่วนประกอบพื้นฐานในโครงการของคุณเองให้ทำตามแนวทางเหล่านี้

ติดตั้งการพึ่งพา

  • classnames เวอร์ชัน 2.2.6
  • Lightning Design System เวอร์ชัน 2.11.0-beta.1
  • ปลั๊กอิน Webpack LWC เวอร์ชัน 0.3.0
  • LWC Compiler เวอร์ชัน 1.0.0
  • LWC Engine เวอร์ชัน 1.0.0

ใช้ส่วนประกอบพื้นฐาน

  • ส่วนประกอบพื้นฐานเป็นของโฟลเดอร์ src/c โคลนโฟลเดอร์ส่วนประกอบที่คุณต้องการสำหรับโครงการของคุณ ตัวอย่างเช่นโคลนโฟลเดอร์ตราไปยัง src/c/badge คุณไม่จำเป็นต้องใช้ไฟล์กำหนดค่า. .js-meta.xml
  • เพิ่มไฟล์ CSS ลงในโฟลเดอร์ส่วนประกอบตัวอย่างเช่น src/c/badge/badge.css รวม @import "@salesforce/slds/legacy"; ในไฟล์ CSS
  • ใช้องค์ประกอบพื้นฐานในโครงการของคุณด้วยไวยากรณ์ <c-badge label="Default"></c-badge> ไวยากรณ์

การบริจาค

ขอบคุณสำหรับความสนใจใน LWC Storybook POC! ดูแนวทางที่มีส่วนร่วมในองค์ประกอบที่มีส่วนร่วม

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