第一步：安裝相關依賴

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

第二步：找的配置檔案

node_modules/react-scripts/config/webpack.config.dev.js

node_modules/react-scripts/config/webpack.config.prod.js

第三步：修改配置檔案

1. exclude中新增/\.json$/（案例程式碼如下）

exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/]

2. oneOf中新增scss-load配置（案例程式碼如下）

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

ps：兩個配置檔案修改內容相同；

修改後的oneOf屬性如下圖所示：

第四步：重啟專案

ps：以上僅為個人開發需要所整理，不足之處還望指正，歡迎留言交流～