Bootstrap question css - Écrasement au nouveau nom de classe

Question

Je construis une ma nouvelle application avec React Starter de suivre Git repo: https://github.com/alicoding/react-webpack-babel

une raison quelconque, chaque fois que j'ai une nouvelle classe dans « index.scss » Il a généré comme nouveau nom de classe bizarre.

Par exemple, si je l'ai écrit une nouvelle classe:

.container { 
     max-width:1000px; 
    } 

Il devient quelque chose comme:

.src-style-___index__container___32Sga { 
     max-width: 1000px; 
     } 

Quelqu'un sait pourquoi il fait cela? Quelle est la bonne façon d'utiliser cette méthode? ou Que faire si je ne veux pas utiliser cette méthode?

Veuillez prendre note.

Merci,

Answer 1

Vous devez ajouter . avant votre classe dans votre fichier SCSS.
modifier container à .container