Я должен сделать интернационализацию в своем приложении с некоторыми языками справа налево (арабский/иврит). Поэтому я хотел бы иметь возможность переопределить некоторые классы начальной загрузки (например, col), чтобы они были плавающими справа, а не слева.
Я использую create-react-app (babel/webpack), react-bootstrap.
Вы не можете импортировать условно, поэтому я сделал условное требование
if (language.isLanguageLTR()) {
console.log("REQUIRE RTL CSS");
require("./rtl.css");
}
Это хорошо работает, когда я нахожусь в режиме разработки, но когда я создаю свое приложение с помощью приложения create-react-app, файл css импортируется, даже если для условия установлено значение false.
Есть ли способ (конечно, есть!) Переопределить некоторые классы css без встроенных классов css/специфических классов везде, где я использую столбец начальной загрузки?
Я думаю, что webpack загружает его в режиме развертывания, но я не понимаю, почему, и, возможно, есть более правильный способ условно переопределить css.
Мой css на всякий случай, если вы хотите лучше понять
.App {
direction: rtl;
}
.col-sm-1 {
float: right;
}
.col-sm-2 {
float: right;
}
...
