I have a React project with 3 types of styling

• bem-cn-lite
• style modules
• css styles

I need to rewrite all styles (add a prefix) in css and react components
because my embed project styles can conflict with styles of the main project

for example:

.header { ... }

I need rewrite to this

.prefix-header { ... }

how I can do this automatically or with some plugins for webpack?

I tried to add a prefix in settings of plugin bem-cn-lite, but it solved my problem only in react components and didn’t touch css style names