本文介紹如何在react中配置sass

(1)下載node

(2)create-react-app 的安裝

npm install -g create-react-app

(3)搭建項目

1. create-react-app my-project   生成一個項目
2. cd my-project

(4)配置sass

1.執行npm install sass-loader node-sass --save-dev

2.執行npm run eject  得到config和script兩個文件夾

3.找到config中webpack.config.dev.js和webpack.config.prod.js分別rules中加入
　　　{
　　　　test:/\.scss$/,
　　　　loaders:[‘style-loader‘,‘css-loader‘,‘sass-loader‘]
　　}
 

react腳手架create-react-app配置sass