create-react-app 配置sass

3,168 阅读1分钟

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