React

【React】SASSを使う方法

この記事の目次
  1. 手順1:node-sassをインストールする
  2. 手順2:css拡張子をscss拡張子に変更する
  3. 手順3:インポートする

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が使えるようになります。

スポンサーリンク