title: Webpack ERROR - You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file
body: <p>I'm learning to build my react project using Webpack.
  I already have configuration a webpack.config.js to load CSS file.</p>
  <p>webpack.config.js:</p>
  <pre><code>module.exports = {
  
    ...
  
    module: {
      rules: [
  
        {
          test: /\.css$/,
          exclude: /(node_modules)/,
          use: [
            { loader: 'style-loader' },
            { loader: 'css-loader' },
          ],
        },
        {
          test: /\.scss$/,
          exclude: /(node_modules)/,
          use: [
            { loader: 'style-loader' },
            { loader: 'css-loader' },
            { loader: 'sass-loader' },
          ],
        },
  
       ...
  
      ],
    },
    
    ...
  
  }
  </code></pre>
  <blockquote>
  <p>npm run build</p>
  </blockquote>
  <p>This problem appeared.</p>
  <blockquote>
  <pre><code>Module parse failed: Unexpected token (6:3) You may need an
  appropriate loader to handle this file type, currently no loaders are
  configured to process this file. See
  https://webpack.js.org/concepts#loaders |  * Copyright 2011-2020
  Twitter, Inc. |  * Licensed under MIT
  (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  &gt;  */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;
  .....  ```
  </code></pre>
  </blockquote>
  <p>I don't understand what should to do. Thank you.</p>