keyama4 https://blog.hatena.ne.jp/keyama4/ FFFT https://keyama.hatenablog.com/ react sass scss create-react-app 数年ぶりにcreate-react-appでフロントエンドのアプリを開発したんですが、Sassの入れ方がカンタンになってたのでまとめます。 結論ですが、node-sassを入れて、scssファイルを作り、読み込ませたいコンポーネントに直接importしてあげるだけです。 執筆時のバージョンは下記。 $ npx create-react-app --version 3.4.1 create-react-appでサンプルのプロジェクトを作る。 今回は「sample-project」にします。 $ npx create-react-app sample-project そのまま yarn start… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkeyama.hatenablog.com%2Fentry%2F2020%2F06%2F24%2F123924" title="【1分設定】create-react-appで作ったアプリケーションにSassを入れる - FFFT" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/keyama4/20200624/20200624121947.png Hatena Blog https://hatena.blog 2020-06-24 12:39:24 rich https://keyama.hatenablog.com/entry/2020/06/24/123924 1.0 100%