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 配置
-
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