最近利用create-react-app創(chuàng)建了一個(gè)項(xiàng)目,因?yàn)轫?xiàng)目主題風(fēng)格多樣,所以需要多個(gè)樣式文件進(jìn)行風(fēng)格定義。最初想的是定義一個(gè)css文件,通過命名的區(qū)分(.base_background:#ff0000;),在需要使用的位置引入,不過這種方法太麻煩了,除了元素自己的類名,還需要另外加類名(相當(dāng)多的類名)。而且每個(gè)組件都要引入主題樣式文件,增加了冗余。然后開始嘗試全局定義scss,想通過變量語法進(jìn)行主題樣式控制,看到一篇vue的文章,可以通過sass-resources-loader進(jìn)行變量引入,而不需要每個(gè)組件單獨(dú)引入scss文件。vue引入sass全局變量多番嘗試后,沒有成功將其在react中實(shí)現(xiàn)。求教哪位有過類似操作,指點(diǎn)一下。感謝!
create-react-app怎么定義全局scss變量
慕工程0101907
2018-09-24 15:02:13