create-react-app创建react项目配置scss

第一步：安装相关依赖

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

第二步：找的配置文件

node_modules/react-scripts/config/webpack.config.dev.js

node_modules/react-scripts/config/webpack.config.prod.js

第三步：修改配置文件

1. exclude中添加/\.json$/（案例代码如下）

exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/]

2. oneOf中添加scss-load配置（案例代码如下）

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

ps：两个配置文件修改内容相同；

修改后的oneOf属性如下图所示：

第四步：重启项目

 

ps：以上仅为个人开发需要所整理，不足之处还望指正，欢迎留言交流～