UI-kit для проектов Gamesboost42

Проект основан на ANTD Design

Быстрый старт

Установите проект и запустите storybook

npm i
npm run storybook

Добавление в проект

Необходимо установить ANTD соответствующей версии UI-kit:

npm i antd

В корень проекта необходимо импортировать css для правильного отображения ANTD и константы UI-kit:

import '@gamesb42/ui-kit/dist/const.css';
import '@gamesb42/ui-kit/dist/antd.css';
import '@gamesb42/ui-kit/dist/main.css';

Публикация проекта

1. Сперва необходимо обновить версию, если ранее этого не было сделано. Нужно выбрать какие были изменения - patch, minor, major.

   npm version patch

2. Далее собрать проект:

   npm run build

3. Опубликовать проект:

   npm publish

   Или запустить все единной командной

   npm version patch && npm run build && npm publish

4. Сборка docker-образа:

   docker build -t storybook-image .

5. Запуск docker-образа:

   docker run --name storybook-image -p 80:8080 -d storybook-image