create-react-app与sass

react

create-react-app中依赖的react-scripts中webpack没有对sass和less做配置，所以使用时要我们自己来配置。

1、执行 yarn eject --弹出配置文件（注意：这个操作是不可逆的）

2、执行 yarn add node-sass sass-loader --安装sass依赖

3、在config文件中找到webpack-config-dev.js和webpack-config-prod.js文件

4、两个文件中同样都加上红色方框中的内容；

代码如下：

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

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

5、配置完成