title: CSS file causing error in react/webpack configuration
body: <p>I have a fullstack project, which is made with Django-REST and React as the frontend. </p>
  
  <p>Everytime i try to load a css file into my react application i get an error</p>
  
  <pre><code>import './Dashboard.css'
  </code></pre>
  
  <p>export default class Dashboard extends Component {</p>
  
  <pre><code>render() {
  ...
  </code></pre>
  
  <p>Dashboard.css</p>
  
  <pre><code>body {
  margin:0;
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/5utS0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5utS0.png" alt="Picture of the error"></a>
  here is my webpack.config.js</p>
  
  <pre><code>module.exports = {
  module: {
         rules: [
              {
                  test: /\.js$/,
                  exclude: /node_modules/,
                  use: {
                      loader: "babel-loader"
                  }
              }
          ]
      }
  }
  </code></pre>
  
  <p>what is weird to me is that, inline css, works just fine, it's only when i try to load an external sheet, that i get issues. Does anybody know what may be the cause of the problem?</p>