create-react-app 配置sass

1.创建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 配置

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

2. 在rules中添加

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

4. 如果出现报错找不到sass-loader,可以运行命令npm rebuild node-sass