How to use React + .scss?

Question

Sass

Learn the mysteries of React. The thing is certainly ingenious, without exaggeration. But the question arose, I don’t have enough strength to google myself, please help)))
Are there any boilerplates or modules where you can use SCSS at the development stage? Gulp do not offer! On a project with React, I want to do without it. Perhaps webpack will help me? Or is there another setup? Help plz.

Answer 1

stlyed-components
PostCSS прямо внутри компонента
Выглядит так:

import React from "react"
import styled from "styled-components"

const Button = ({children}) => <a>{children}</a>
const StyledButton = styled(Button)`
  color: green; font-size: 60px; border: 1px solid purple; background: lightblue;
`

const SomeView = () => (
  <div>
    SomeButton: <StyledButton href="/about">about<StyledButton>
  <div>
)