在React中使用SASS

如何使用SASS设置React应用程序的样式

当您使用构建一个React应用程序时create-react-app,在样式方面,您有许多选择可以使用。

当然,如果不使用create-react-app,您拥有世界上的所有选择,但是我们仅将讨论限于create-react-app提供的选项。

可以使用style属性或CSS模块开始使用普通类和CSS文件进行样式设置。

SASS / SCSS是一个非常受欢迎的选项,许多开发人员都非常喜欢它。

您可以从根本开始使用它,而无需进行任何配置create-react-app 2.

您只需要一个.sass或者.scss文件,然后将其导入组件中:

import './styles.scss'

您可以在https://codesandbox.io/s/18qq31rp3