Сделал ui-kit, внутри юзю css-modules. В едином файле сделал импорт

Question

Сделал ui-kit, внутри юзю css-modules. В едином файле сделал импорт

одного из компонентов. Натравил на него vite build, всё сбилдилось и положилось в папку dist. Стили отдельно, скрипты отдельно
Внутрь package.json сделал main и module с значением dist/Button/index.js

Сделал npm link этому модулю и подключил этот модуль в соседнем nextjs-проекте для проверки.

В этом некстжс проекте я подключаю слинкованый модуль и пытаюсь его отрендерить.
Рендерится нормально, но стили не подключаются автоматически ( я не могу понять причину почему стили не подключаются. Могли бы вы мне подсказать может есть особые нюансы использования цсс модулей в некст-жс ?

#frontend #javascript #programming #react.js #russian

0

12.07.2023

3 ответов

10 просмотров

Андрей Гуртовой Автор вопроса

Dmitry Remezov
Потому что посмотри во что собрались стили и во чт...

По имени класса на компоненте я в девтулзах нашёл конструкцию типа WEBPACK_INJECT_STYLES('.button_276443 { мои стили кнопки }') Но я не понимаю что именно сделать чтобы они подключались автоматически

0

12.07.2023

Андрей Гуртовой Автор вопроса

Dmitry Remezov
Потому что посмотри во что собрались стили и во чт...

В сбилженом ui-ките я вижу отдельные файлы стилей для каждого компонента. Не может же быть такого, что мне теперь придётся руками подключать это в тех местах где я хочу использовать эти компоненты?(

0

12.07.2023

Dmitry Remezov · Accepted Answer

Dmitry Remezov

Потому что посмотри во что собрались стили и во что превратился импорт. Спойлер - импорт пропал, а все стили сложились в один файл

0

12.07.2023

169 похожих чатов

Сделал ui-kit, внутри юзю css-modules. В едином файле сделал импорт

3 ответов

Похожие вопросы