Динамический импорт scss в зависимости от среды / логики

Question

У меня есть два файла css / scss, которые мне нужны для загрузки этих файлов на определенной странице только в зависимости от условия

Example
if(mydata==“strt”
{
//load one.css/one.scss
}
else
{
//load two.css/two.scss
}

Answer 1

Вы можете сделать это довольно сложно, или вы можете просто быть простыми и использовать пространство имен для вашего CSS.

С помощью sass вы можете легко вкладывать вещи, поэтому просто соблюдайте правила one.scss, объединяя их в один класс. Затем сделайте то же самое для two.scss и поместите все это во включенный файл:

.styles-one {
   // all your styles from one.scss
}

.styles-two {
   // all your styles from one.scss
}

Когда вы это сделаете, вы можете просто установить класс CSS в своей оболочке, а не пытаться динамически загружать стили CSS.