В идеальном мире — да, каждый компонент может быть отдельным пакетом и вообще можно сделать разделение на веб-платформу и ui-реализацию, но текущий пакет сложно переделать под такой флоу)

На самом деле этот вопрос больше не про бэм и не про реакт, а про то, как настроена сборка проекта 🙂 можно под каждую entry выделить чанк с бандлом

К примеру на поиске под каждую фичу собирается отдельный бандл с нужным кодом и при использовании загружается только нужная часть

Вообщем надо смотреть в webpack и как сплитить чанки

Ок, буду смотреть в этом направлении. Попробую это в экосистеме nextjs

Это все +- заводится из коробки, нужно только с докой посидеть

В целом смотри, если у тебя роутинг, то каждый роут должен быть асинхронным модулем

тогда вебпак сам за тебя засплитить все асинхронные модули на чанки

щас псевдо-код напишу

А в чём именно сложность? Я делаю свою реализацию ui-kit, вдохновлённую yandex-ui и технически он очень похож, просто некоторые детали реализую под свои предпочтения. Так как моим пакетом ещё никто не пользуется, я могу делать что угодно, пакет открыт для экспериментов, поэтому мне интересно мнение о том, как вы бы сделали если бы у вас не было обязанностей и какие проблемы вы в этом видите.

Я думаю что вот так дробить как ты предложил в конце, это может быть и удобно, но это бы усложнило поставку и рефакторинг, потому что детали были бы слишком мелкие, но я думаю о том, как можно было бы без сильной боли избежать такой проблемы с версиями

const routes = [
  {
    path: '/',
    component: import('./features/home'),
  },
  {
    path: '/settings',
    component: import('./features/settings'),
  },
];

Когда выполнится роут /, то из components произойдет вызов и будет загружен чанк с этим модулем и его зависимостями

Если между этими модулями есть общий код, то его можно вынести в common-чанк

Вроде как решение. Я так понимаю есть опыт использования BEM react под nextjs?

Там баг который не позволяет css импортировать из папки блока. Как решили?

На самом деле у меня нет опыта с nextjs 🙁 я тут уже не смогу тебе подсказать, прости

Тут просто в целом один подход для решения сплитинга

Ок, буду курить мануалы)

Прошу помощи с тем чтобы подружить nextjs и bem react компоненты из uikit. Nextjs не хочет импортировать стили блоков. Там есть некая реализация через modules css которая автоматически создаёт индивидуальные css для роутов и позволяет писать стили для компонентов в своей папке.

А в названии файла есть *.module.css ?

У стандартного uikit нет

А как импортируешь?