Не может быть несколько настроек начальной загрузки для приложения React

Question

У меня есть приложение React.Внутри этого приложения у меня есть две большие отдельные части, назовем их Частью A и Частью B.

Для каждой части, которую я хочу, у меня есть различные правила SCSS, а также я пытаюсь иметь различные настройки системы начальной загрузки.Для части AI нужно иметь 24 столбца, для части BI нужно иметь сетку с 16 столбцами.Bootstrap позволяет иметь только один файл настроек, в который я помещаю количество столбцов.Если я добавлю несколько файлов настроек, они будут конфликтовать друг с другом.

У меня вопрос, как создать несколько настроек для Части A и Части B?

Я рассматривал несколько точек входа для React сWebpack, несколько HTML-файлов для React с Webpack, но эти решения не слишком помогают мне.

Какое здесь лучшее решение?Как создать несколько настроек для каждого модуля?

Answer 1

Имеется две настройки bootstap класса с предварительным селектором для обработки этого.После начальной настройки css вам нужно изменить css с вашим предыдущим классом селектора, который позволит вашему css работать, только если у вас есть класс селектора.

Например

PartA с 12 сеткой

.partAClass .row{
 margin-left:0;
 margin-right:0
}
.partAClass .col-md-12{ 
  width: 100%; 
}

PartB с 24 сеткой

.partBClass .row{
 margin-left:10px;
 margin-right:10px;
}
.partBClass .col-md-12{ 
  width: 50%; 
}