2016-06-10 70 views
1

我有一个创建一个静态的使用反应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语句中。

+0

您正在使用的WebPack? – azium

+0

是的,只是要捆绑静态dist文件。 – msmfsd

回答

0

您可以使用要求:

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