Перекрывающееся css-правило в реакции-приложении
Я начал изучать React с помощью конфигурации "создать реагирующее приложение с веб-пакетом". Я импортирую CSS, как это в реагировать компонент JS
import '../dist/css/bootstrap.min.css';
import '../dist/css/main.css';
но когда webpack компилирует css, мое правило main.css перекрывается с bootstrap.css. Как я могу это исправить, не добавляя "важный" в мой файл main.css и встроенные стили в файле.js? У меня также есть глобальное правило CSS, чтобы установить как h1,h2,h3 dll для отдельных файлов?