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