[React] SASS(SCSS) 環境設定 (CRA用)

1. 安裝 sass
2. 修改副檔名
3. 引入該檔案



1. 安裝 sass

有人可能會問說,node-sass 不行嗎?
是可以,不過可能會遇到些問題,且已經不支持,請改裝 sass

移至 react 專案,安裝 sass

cd my-app
npm i sass
(or yarn add sass)


2. 修改副檔名


.css 改為 .scss


3. 引入該檔案

視自己的 .scss 檔名及路徑來修改,引入後即可使用


import "./index.scss"




留言

這個網誌中的熱門文章

[日文] Google日文輸入法 簡單安裝說明

[面試] 日月光 設備工程師

[Windows] 還我 win7 相片檢視器!!