I am continuously getting a error when importing css file of the select to library in a react app

Question

I am using select2 library in my react app to add some drop downs. When i am importing the css file it gives a error saying "you may need a appropriate loader to handle this file type". so how can fix this error. In my project i am using SCSS to style my components.

picture of the error

My loader in webpack.config.js is like this

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

Answer 1

You can add another loader right before your scss loader

{
  test: /\.css$/,
  loader: 'style-loader!css-loader'
},
{
  test: /\.scss$/,
  loader: 'style-loader!css-loader!scss-loader'
},