tomoyaonishiのブログ

iOSのことを中心に・・・その他もあるよ!

create-react-appでsassを使う

create-react-appの環境でsassを使いたかったのですが、導入方法がわからなかったのでメモです。

背景として、webフロント画面を作るのにオーバーキルなライブラリ(MaterialUI、OnsenUI)でハマることも多かった&カスタマイズしづらい&マテリアルデザインが多すぎて飽きたので、完全にcssだけで作られたシンプルなライブラリbulmaでSPAを構築することにしました。

create-react-appのプロジェクト内で以下を実行します。

$ yarn add node-sass

あとは.cssを.scssか.sassにリネームするだけで、js側でcssと同様にimportできますし、ホットリロードもされます。

やっぱ何を調べるにしても公式ドキュメントですね。

facebook.github.io