isomorphic-style-loaderは醜いスタイルになります

Question

私は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：醜いスタイルのない解決法はありますか？

Answer 1

この現象は、複数のCSSモジュールの重複したスタイル名が生成されたCSSと競合しないようにするために存在します。 CSSモジュールを使用したくない場合は、いつでもCSSをあらかじめコンパイルし、静的な.cssファイルとしてロードすることができます。しかし、ホットリロードなどのCSSモジュールの利点はありません。