Загрузчик isomorphic-style делает уродливый стиль

Question

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

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

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: есть ли решение без стиля uglify?

Answer 1

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