Проблема с Bootstrap css - перезапись на новое имя класса

#css #twitter-bootstrap #webpack #css-loader

#css #twitter-bootstrap #webpack #css-загрузчик

Вопрос:

Я создаю свое новое приложение с помощью React Starter из следующего репозитория Git: https://github.com/alicoding/react-webpack-babel

По какой-то причине каждый раз, когда у меня появляется новый класс в «index.scss», он генерируется как странное новое имя класса.

Например, если я написал новый класс как :

    .container {
       max-width:1000px;
   }

Это становится чем-то вроде :

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

Кто-нибудь знает, почему он это делает?
Как правильно использовать этот метод? или
Что, если я не хочу использовать этот метод?

Пожалуйста, имейте в виду.

Спасибо,

1. В вашем примере ваш селектор адресует html-элемент, а не класс. Может быть, ваш компилятор делает это только с неизвестными элементами?

2. извините, я пропустил точку «.» впереди. Теперь это класс.

Ответ №1:

Вы должны добавить . перед своим классом в свой файл scss.
изменить container на .container