Реагировать маршрутизатор, как загрузить CSS на основе глобальной переменной

Question

У меня есть проект узла, который создает статический реагировать SPA с помощью:

• среагировать-маршрутизатор
• перевождь
• postcss
• среагировать-css- модули

В настоящее время он загружается в глобальный css-файл и модульный css для каждого компонента. Вначале я получаю глобальную тему var, которая будет называться «тема-1» или «тема-2». Я хочу, чтобы загрузить разные CSS-файлы, то же имя, но другой путь к каталогу, основываясь на значении темы вар, Например:

Если тема «theme1» импортировать «/ CSS/темы/theme1/Component.css. Else Если тема «тема-2», тогда импортируйте '/ css/themes/theme2 /Component.css'.

Любые идеи, как я мог бы достичь этого?

Обратите внимание, что импорт модуля не может быть завернут в оператор if/else, насколько я могу видеть.

Answer 1

Вы можете использовать потребуется:

if(...) { 
    require('/path/to/theme1.css'); 
} 
else { 
    require('/path/to/theme2.css'); 
}