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

標籤：webp   java   mic   rod   loader   http   檔案夾   soft   image   

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