стилизованные компоненты + реактив, как импортировать таблицу стилей начальной загрузки после других таблиц стилей

Question

Мне нужно использовать bootstrap в некоторых моих проектах, и у меня есть одна проблема: по какой-то причине таблица стилей начальной загрузки имеет приоритет над стилями стилей компонентов.

import "bootstrap/dist/css/bootstrap.
const StyledButton = styled(Button)`
  background: blue;
`;

ожидаемый результат: используйте заданный фон в моем компоненте фактический результат: StyledButton имеет фон начальной загрузки по умолчанию

пример здесь: https://codesandbox.io/s/p2wz01wnz7

В настоящее время я импортирую загрузчик в свой index.js следующим образом:

import "bootstrap/dist/css/bootstrap.css";

Есть ли способ заставить его загрузиться последним? Я также использую create-response-app, как в коде ручки

не хочу ставить

&&&{
}

вокруг всех моих стилей.

Answer 1

Вы можете разместить этот оператор импорта в нижней части заголовка вашего HTML-файла.Если у вас есть импорт CSS или CSS, просто поместите его ниже.