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

本文介紹如何在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'] 　　}