最近利用create-react-app创建了一个项目,因为项目主题风格多样,所以需要多个样式文件进行风格定义。
最初想的是定义一个css文件,通过命名的区分(.base_background:#ff0000;),在需要使用的位置引入,不过这种方法太麻烦了,除了元素自己的类名,还需要另外加类名(相当多的类名)。而且每个组件都要引入主题样式文件,增加了冗余。
然后开始尝试全局定义scss,想通过变量语法进行主题样式控制,看到一篇vue的文章,可以通过sass-resources-loader进行变量引入,而不需要每个组件单独引入scss文件。vue引入sass全局变量
多番尝试后,没有成功将其在react中实现。求教哪位有过类似操作,指点一下。感谢!