陣營路由器如何基於全局變量

Question

我有一個創建一個靜態的使用反應SPA節點項目加載CSS：

• 反應路由器
• 終極版
• postcss
• 反應，CSS-模塊

它目前爲每個組件加載全局css文件和模塊化css。在開始時，我會獲取一個全局主題var，它將被稱爲'theme-1'或'theme-2'。我想根據主題var的值加載不同的css文件，名稱相同，但目錄路徑不同，例如：

如果主題是'theme-1'，那麼導入'/css/themes/theme1/Component.css'。 否則如果主題是'theme-2'，那麼導入'/ css/themes/theme2 /Component.css'。

任何想法，我可以做到這一點？

請注意，就我所見，模塊導入不能包含在if/else語句中。

Answer 1

您可以使用要求：

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