Привет, спасибо за статью.

С такими же проблемами мы сталкиваемся при попытке связать модули БЭМ и CSS. Мы рефакторим кодовую базу с AngularJS на React с новым дизайном, поэтому у нас есть некоторые конфликты классов css из старых стилей для общих компонентов, таких как кнопки, ссылки и т. д. (это причина использования модулей CSS). Как вы уже сказали, переход только на модули CSS принесет много неудобств, кроме того, мы установили БЭМ в качестве решения для наших команд, поэтому мы хотели бы продолжать использовать именование БЭМ.

Глядя на ваш подход, я подумал о более простом решении. Поскольку на самом деле вам уже нужна служебная функция для использования созданного загрузчиком объекта стиля (cn), я думаю, что можно использовать функцию «bemify» сразу после импорта стилей. Я немного изменил ваш код, чтобы создать функцию «bemify», и постараюсь проверить, работает ли она для нас.

Что вы думаете об этом подходе и видите ли вы какие-либо недостатки, кроме тех, которые вы указали в конце своей статьи?