使用creat-react-app 创建react项目配置使用scss

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']

}