【React】SASSを使う方法
ReactでSASS(SCSS)を使う方法を紹介します。
手順1:node-sassをインストールする
npm install node-sass
手順2:css拡張子をscss拡張子に変更する
css拡張子をscss拡張子に変更します。
例えば、App.cssなら、App.scssにします。
手順3:インポートする
// import "./Navbar.css";
import "./Navbar.scss";
上のように、css拡張子でインポートしていたものを、scss拡張子に変更します。
これだけでSASSが使えるようになります。