Как сделать импорт из репозитория библиотеки компонентов?

Есть 2 проекта. У них должна быть одна библиотека компонентов на React + Next, хранящаяся в gitlab репозитории. Библиотеку прописываю как пакет в package.json.

"dependencies": {
    "my-ui-kit": "git+https://gitlab.com/frontend/ui-kit-react.git#master",
}

В node_modules она полностью загружается. С этим ок. Но как получить конкретный компонент из списка? Архитектура библиотеки следующая -

введите сюда описание изображения

В папке Components - папки под каждый компонент, содержащие js и scss файлы. Файл index.js выглядит как, по идее из него должны тянуться компоненты. введите сюда описание изображения

Импортировать из библиотеки уже в проект пытаюсь так - import { Button } from 'my-ui-kit'; Ошибка при сборке вылетает - SyntaxError: Cannot use import statement outside a module

Как правильно организовать библиотеку? И как в компонентах тогда устанавливать доп пакеты для их работы? Ведь в репозиторий не уходит папка node_modules. Вряд ли ее надо убрать из gitignore. Как вариант закидывать код пакета отдельным файлом и ссылаться уже на него.


Ответы (0 шт):