Inline CSS со стилизованными компонентами

Question

Я использовал стилевые компоненты для своего проекта Preact, если бы у меня был индекс, все работало нормально. html, где вводятся случайные CSS классы стиля.

Я хочу вместо этого вставить inline CSS внедрения CSS классов в мой шаблон html.

Answer 1

Из документов:

Если вы являетесь автором библиотеки, мы рекомендуем вам не связывать и не отправлять модуль styled-components с вашей библиотекой. Для этого необходимо выполнить два шага:

Пометка стилевых компонентов как внешних в зависимостях вашего пакета. Удаление стилевых компонентов из комплекта библиотеки

Это потому, что * Пакет 1009 * предполагается использовать синглтон. Предполагается, что в проекте существует только одна версия библиотеки (например, react или react-dom).

Чтобы сделать это в своей библиотеке, вы должны переместить styled-components в качестве зависимости от devDependencies или peerDependencies. Docs .

Пока существует файл HTML, в котором будет использоваться ваша библиотека (и пользователь устанавливает стилевые компоненты), библиотека будет работать нормально.