React路由器如何基于全局变量加载css

Question

我有一个节点项目，使用：

创建静态反应SPA

• 反应路由器
• 终极版
• postcss
• 反应-CSS-模块

它目前在每个组件的全局css文件和模块化css中加载。在开始时，我获取一个全局主题var，它将说'＆＃39; theme-1＆＃39;或者＆＃39;主题-2＆＃39;。我想根据主题var的值加载不同的css文件，同名但不同的目录路径，例如：

如果主题是＆＃39;主题-1＆＃39;然后导入＆＃39; / css / themes / theme1 /Component.css'。 否则如果主题是＆＃39;主题-2＆＃39;然后导入＆＃39; / css / themes / theme2 /Component.css'。

我是如何实现这一目标的？

请注意，就我所见，模块导入无法包含在if / else语句中。

Answer 1

您可以使用require：

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