1.安装sass-loader和node-sass依赖
npm install sass-loader node-sass --save-dev
2.打开react的webpack配置
node_modules/react-scripts/config/webpack.config.dev.js
和
node_modules/react-scripts/config/webpack.config.prod.js
找到module下的rules,然后找到最后一个配置,修改成如下的样子
{
exclude: [/\.js$/,/\.html$/,/\.json$/,/\.scss$/],
loader: require.resolve('file-loader'),
options: {
name: 'static/media/[name].[hash:8].[ext]',
},
},
{
test:/\.scss$/,
loaders:['style-loader','css-loader','sass-loader']
}