isomorphic-style-loader делает уродливый стиль

Question

Я создаю свою собственную базу стартерки на https://github.com/barbar/vortigern и все в порядке, но у меня есть одна проблема.

Обычно, когда я хочу, чтобы соединить все стиль в App я буду делать

import '../styles/scss/bundle.scss'; 

bundle.scss - содержит весь импорт.

Но в изоморфном случае все некоторые усложняют.

.global { 
    background: yellow; 
    >.child { 
    background: tomato; 
    } 
} 

преобразовываться:

.app_global_1pn { 
    background: yellow; } 
    .app_global_1pn > .app_qwe_FD8 { 
    background: tomato; } 

вопрос 1: app_global_1pn - это имя останется навсегда? И я могу использовать его как

<Tag className='app_global_1pn' /> 

вопрос 2: Есть ли решение без уругвайного стиля?

Answer 1

Такое поведение существует, так что дублированные имена стилей в нескольких модулях css не вызывают конфликтов с созданным CSS. Если вы не хотите использовать модули css, вы всегда можете предварительно скомпилировать свой CSS и загрузить его как статический файл .css. Но тогда у вас не будет преимуществ css-модулей, таких как горячая перезагрузка и т. Д.