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的关注！请参阅贡献指南的基本组件重新计算。