CSS - You may need an appropriate loader to handle this file type
<p>In my <code>App.jsx</code> file I am importing a css file like this: <code>import './App.css';</code></p>

<p>I have the following code in my <code>webpack.config.js</code>.</p>

<pre><code>var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'src/build');
var APP_DIR = path.resolve(__dirname, 'src/app');

var config = {
  entry: APP_DIR + '/App.jsx',
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  },
  module : {
    loaders : [
    {
      test: /\.scss$/,
      include : APP_DIR,
      loaders : ["style", "css", "sass"]
    },
    {
      test : /\.jsx?/,
      include : APP_DIR,
      loader : 'babel'
    }
   ]
  }
};

module.exports = config;
</code></pre>

<p>Since I have a loader for css, everything seems alright.</p>

<p>However, I am getting:</p>

<pre><code>ERROR in ./src/app/App.css
Module parse failed: /path/to/file/App.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (1:0)
</code></pre>