【React】SASSを使う方法

React

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

React

Posted by devsakaso