reactjs - CSSローダーを使用したWebpack構成

Question

この webpack 構成を使用して、babel および css ローダーをロードしましたが、エラーが発生しました。私の webpack 構成は、babel ローダーのみを使用する場合、非常にうまく機能しますが、css ローダーは機能しません。

var path = require('path');

var config = {
   entry: './main.js',

   output: {
      path : path.join(__dirname, './'),
      filename: 'index.js',
   },

   devServer: {
      inline: true,
      port: 8080
   },

   module: {
      loaders: [
         {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
            query: {
               presets: ['es2015', 'react']
            }
         },
         {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'style-loader!css-loader',
         }
      ]
   }
}

module.exports = config;

webpackの実行中に発生するエラーは

ERROR in ./~/css-loader!./main.js 

エラーのスクリーンショット