1.創(chuàng)建demo項目

create-react-app demo 復制代碼

2.安裝依賴 node-sass sass-loader

yarn add node-sass sass-loader --save-dev // or npm install node-sass sass-loader --save-dev 復制代碼

3.webpack 配置

webpack.config.dev.js , webpack.config.prod.js中找到exclude 添加/.\scss$/

在rules中添加

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

如果出現報錯找不到sass-loader,可以運行命令npm rebuild node-sass

總結

以上是生活随笔為你收集整理的create-react-app 配置sass的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。