Использование SASS в React

Как использовать SASS для стилизации приложения React

Когда вы создаете приложение React, используяcreate-react-app, в вашем распоряжении множество вариантов укладки.

Конечно, если не использоватьcreate-react-app, у вас есть все варианты выбора, но мы ограничиваем обсуждениеcreate-react-app-предусмотрены варианты.

Вы можете стилизовать, используя простые классы и файлы CSS, используя для начала атрибут стиля или модули CSS.

SASS / SCSS - очень популярный вариант, очень любимый многими разработчиками.

Вы можете использовать его вообще без какой-либо настройки, начиная сcreate-react-app 2.

Все, что вам нужно, это.sassили же.scssфайл, и вы просто импортируете его в компонент:

import './styles.scss'

Вы можете увидеть пример его работы наhttps://codesandbox.io/s/18qq31rp3.