javascript - React路由器如何基于全局var加载css

Question

我有一个节点项目，它使用以下方法创建一个静态反应 SPA：

• 反应路由器
• 还原
• postcss
• 反应 CSS 模块

它当前为每个组件加载一个全局 css 文件和模块化 css。在开始时，我会获取一个全局主题变量，即“theme-1”或“theme-2”。我想根据主题 var 的值加载不同的 css 文件，名称相同但目录路径不同，例如：

如果主题是“theme-1”，则导入“ /css/themes/themes1/Component.css ”。否则，如果主题是“theme-2”，则导入“ /css/themes/themes2/Component.css ”。

有什么想法我能做到这一点吗？

请注意，据我所知，模块导入不能包含在 if/else 语句中。

Answer 1

您可以使用要求：

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