1. 配置sass需要按以下步驟進行:

 一、安裝sass-loader和node-sass依賴

npm install sass-loader node-sass --save-dev

二、開啟react的webpack配置

React提供的腳手架create-react-app建立的工程檔案不像vue那種暴露出webpack來的配置，所以你要去依賴包

  node_modules中找到react-scripts ，然後在react-scripts中找到config中的config/webpack.config.dev.js

將module配置項的最後一項配置後面新增如下

兩個檔案都要加。

{
    test:/\.scss$/,
    loaders:['style-loader','css-loader','sass-loader']
}

看圖片 

在 loader: require.resolve('file-loader')  前面加

哪用哪引入scss 即可

import  ' style.scss ( 匯入你建立的 scss路徑)'

配置好了，記得重新啟動執行