title: Module parse failed: Unexpected character '@' (1:0)
body: <p>I'm a really beginner in Webpack and React. 
  I want to use some npm (carousel multi react), but I can't. It's something wrong with my webpack.config. 
  Unfortunetly I can't resolve this on my own, and I saw some similiar topics, but it doesn't working for me... or I just don't know how to implement solutions in my file.</p>
  
  <p>ERROR in ./node_modules/react-multi-carousel/lib/styles.css 1:0
  Module parse failed: Unexpected character '@' (1:0)
  You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See <a href="https://webpack.js.org/concepts#loaders" rel="noreferrer">https://webpack.js.org/concepts#loaders</a></p>
  
  <pre><code>const path = require("path");
  
  const Html = require('html-webpack-plugin');
  
  module.exports = {
    entry: [
      "whatwg-fetch",
      "./js/index.js",
    ],
    output: { 
      filename: "js/out.js",
      path: path.resolve(__dirname, "build")
    },
    devServer: {
      port: 3001,
    },
    module: {
      rules: [
  
        {
          test: /\.js$/,
          exclude: /node_modules/,
          use: {
            loader: "babel-loader",
          }
        },
  
        {
          test: /\.scss$/,
          use: [
            'style-loader',
            'css-loader',
            {
              loader: "postcss-loader",
              options: {
                plugins: () =&gt; [
                  require("autoprefixer")()
                ],
              },
            },
            'sass-loader',
          ]
        },
  
        {
          test: /\.(jpg|jpeg|gif|png)$/,
          use: {
            loader: 'file-loader',
            options: {
              name: '[name].[ext]',
              publicPath: 'images',
              outputPath: 'images',
            }
          }
        },
  
        {
          test: /\.(eot|ttf|woff|woff2)$/,
          use: {
            loader: 'file-loader',
            options: {
              name: '[name].[ext]',
              publicPath: 'fonts',
              outputPath: 'fonts',
            }
          }
        },
      ]
    },
  
    plugins: [
      new Html({
          filename: 'index.html',
          template: './index.html',
      })
    ]
  };
  </code></pre>