lwc storybooks poc

LWC-Storybooks-Poc

LWC Storybook POC - это интеграция веб -компонентов Lightning и сборника рассказов. Он демонстрирует, как можно использовать базовые компоненты в проекте с открытым исходным кодом, таким как сборник рассказов. Базовые компоненты реализуют систему проектирования Lightning и разработаны с использованием веб -компонентов Lightning.

Начиная

Запустите проект локально, чтобы изучить, как используются базовые компоненты-рестораны в сборнике рассказов.

1. Клонировать репо.

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

2. Установить зависимости.

$ yarn install

3. Запустите местную сборку. Этот шаг открывает ваш веб -браузер и ориентируется на http: // localhost: 6006/.

$ yarn storybook

Рекомендации по развертыванию базовых компонентов

Чтобы развернуть базовые компоненты в вашем собственном проекте, следуйте этим рекомендациям.

Установить зависимости

• ClassNames версия 2.2.6
• Система проектирования Lightning версии 2.11.0-бета.1
• Плагин LWC Webpack версия 0.3.0
• Компилятор LWC Версия 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> .

Внося

Спасибо за ваш интерес к POC LWC POC! См. Руководящие принципы, внесенные в базовые компоненты.