【React】create-react-app使用scss

1、安装依赖

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

2、编写scss文件直接引入即可（高版本create-react-app）

3、针对低版本create-react-app

（1）安装依赖

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

（2）config/webpack.config.dev.js和webpack.config.prod.js文件

{
  exclude: [/\.js$/, /\.html$/, /\.json$/,/\.scss$/],
  loader: require.resolve('file-loader'),
     options: {
     name: 'static/media/[name].[hash:8].[ext]',
},
},
{
 test:/\.scss$/,
 loader:['style-loader','css-loader','sass-loader'],
},

解决npm报错：Module build failed: TypeError: this.getResolve is not a function

sass-loader的版本过高导致的编译错误，当前最高版本是8.x，需要退回到7.3.1
运行：
npm uninstall sass-loader（卸载当前版本）

npm install sass-loader@7.3.1 --save-dev