isomorphic-style-loader macht hässlichen Stil

Question

Ich erstelle meine eigene Starterkit-Basis auf https://github.com/barbar/vortigern und alles ok, aber ich habe ein Problem.

Normalerweise, wenn ich alle Art zum App verbinden möchten werde ich

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

bundle.scss tun - enthält alle Importe.

Aber im isomorphen Fall alle kompliziert.

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

Transformation in:

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

Frage 1: app_global_1pn - dieser Name für immer bleiben? Und ich kann es wie

verwenden

<Tag className='app_global_1pn' /> 

Frage 2: Gibt es eine Lösung ohne hässlich Stil?

Answer 1

Dieses Verhalten ist vorhanden, sodass doppelte Formatnamen in mehreren CSS-Modulen keine Konflikte mit dem generierten CSS verursachen. Wenn Sie keine CSS-Module verwenden möchten, können Sie Ihr CSS immer vorab kompilieren und als statische CSS-Datei laden. Aber dann haben Sie nicht die Vorteile von css-Modulen wie Heiß-Nachladen usw.