Add Sass (.scss) to ejected create-react-app config

OK, I found the solution - changed from this:

{
    test: /\.scss$/,
    include: paths.appSrc,
    loaders: ["style", "css", "scss"]
},

to this:

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

And now my .scss files are loading!!


When trying to integrate sass into empty react project I used this article. The solution presented there did not work and received the similar error as in the subject. In my case replacing style-loader with require.resolve('style-loader') helped:

 {
        test: /\.scss$/,
        include: paths.appSrc,
        loaders: [require.resolve('style-loader'), require.resolve('css-loader'), require.resolve('sass-loader')]
  },

Check the first loader, first it get all the files and it excludes the other loaders files

loaders: [
        {
            exclude: [
                /\.html$/,
                /\.(js|jsx)$/,
                /\.css$/,
                /\.json$/,
                /\.svg$/
            ],
            loader: 'url',
            query: {
                limit: 10000,
                name: 'static/media/[name].[hash:8].[ext]'
            }
        },

so adding

/\.sass$/,
/\.scss$/,

to exclude, seems that fixed the same problem I had :D