Reactでのcss設定方法とインストール方法①

React.jsでコンポーネントにcssを当てる場合もいろいろ方法があるようで、
その環境構築と、設定方法をまとめます。

Sassを使う場合

sassを使ってコンパイルしたい場合

package.jsonに追記（パスは各自の環境に合わせてください）

  "scripts": {
    "sass": "sass src/scss/:dist/css/ --no-source-map --watch"
  },

ターミナルから下記を実行でコンパイル。（dist/css/配下にcssファイルが生成されます）

npm run sass

styled-jsx の場合

ターミナルから下記コマンドでインストール

npm install --save styled-jsx

styled-componentsの場合

npm install --save styled-components

emotion

npm install --save @emotion/core

次回は各記載方法についてまとめます。