React中create-react-app配置Sass

通过脚手架create-react-app创建项目后

找到目录  /node_modules/react-scripts/config/ 下的这两个文件 webpack.config.dev.js和webpack.config.prod.js

这两个文件中需要配置的内容都是一样的。

在 module，rules下配置，配置内容为：

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

然后在找到file-loader中的exclude 配置内容为

 /\.scss$/

如下图所示：