У меня странная проблема с загрузкой стилей в моих reactjs компонентах.
У меня есть два компонента, в которых я использую react-slick модуль. Мне нужно переписать какой-то стиль модуля react-slick в обоих моих компонентах.
ComponentA.jsx
/* eslint-disable import/no-webpack-loader-syntax */
import '!style-loader!css-loader!slick-carousel/slick/slick.css';
import '!style-loader!css-loader!slick-carousel/slick/slick-theme.css';
import classes from './ComponentA.scss';
ComponentA.s css
clss-to-be-overwritten{
//styles
}
Я сделал то же самое для ComponentB.
Но когда компоненты отображаются, для ComponentA сначала загружаются локальные стили, а затем стили react-slick. Но для ComponentB заказ был изменен.
ComponentA- проверяющий элемент
ComponentB- проверяющий элемент
Интересно, что пошло не так. Любая помощь будет оценена.