lwc storybooks poc

LWC-Storybooks-Poc

LWC Storybook POC是閃電網絡組件和故事書的整合。它演示瞭如何在故事書之類的開源項目中使用基本組件收件。基本組件實現閃電設計系統，並使用閃電網絡組件開發。

入門

在本地運行該項目，以探索故事書中如何使用基本組件重新計算。

1. 克隆倉庫。

$ git clone [email protected]:reiniergs/lwc-storybooks-poc.git
$ cd lwc-storybooks-poc

2. 安裝依賴項。

$ yarn install

3. 運行您的本地構建。此步驟將打開您的Web瀏覽器，並導航到http：// localhost：6006/。

$ yarn storybook

部署基本組件的指南

要在自己的項目中部署基本組件，請遵循以下準則。

安裝依賴項

• ClassNames版本2.2.6
• 閃電設計系統版本2.11.0-beta.1
• LWC WebPack插件0.3.0版本
• LWC編譯器版本1.0.0
• LWC引擎版本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的關注！請參閱貢獻指南的基本組件重新計算。