在React中使用SASS

如何使用SASS來設計React應用程式

當你使用create-react-app來建構React應用程式時，你有很多選擇來進行樣式設計。

當然，如果你不使用create-react-app，你有無數的選擇，但我們只討論create-react-app提供的選項。

你可以使用普通的class和CSS檔案、使用style屬性或CSS模組來進行樣式設計。

SASS/SCSS是非常流行的選項，許多開發人員喜愛使用它。

你可以在create-react-app 2版本中完全不需要任何配置就可以使用它。

你只需要一個.sass或.scss檔案，然後在組件中引入它：

import './styles.scss'

你可以在https://codesandbox.io/s/18qq31rp3看到它正常運作的範例。