2016-09-05 9 views
0

私はhttps://github.com/barbar/vortigernに私自身のスターターキットベースを作成していますが、すべて問題ありません。私はアプリケーションにすべてのスタイルを接続したいときisomorphic-style-loaderは醜いスタイルになります

通常私は

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

答えて

0

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

関連する問題