title: Karma fail - Module parse failed
body: <p>Trying to use Mocha frameworks with Karma Runner on reactJs application.
  some reason I have a following error messages :</p>
  
  <pre><code>  Module parse failed: C:\Dev\marvel-memory-card-v2\src\index.scss Unexpected  token (1:0)
    You may need an appropriate loader to handle this file type.
  
    Uncaught Error: Cannot find module "./index.scss" at tests.webpack.js:22214
  </code></pre>
  
  <p>Since everything is pretty new to me. No idea How to solve this issue.</p>
  
  <p>Here is my webpack.config files :</p>
  
  <pre><code>"use strict";
  var webpack = require('webpack');
  var path = require('path');
  var loaders = require('./webpack.loaders');
  var HtmlWebpackPlugin = require('html-webpack-plugin');
  var DashboardPlugin = require('webpack-dashboard/plugin');
  
  const HOST = process.env.HOST || "127.0.0.1";
  const PORT = process.env.PORT || "8888";
  
  // global css
  loaders.push({
      test: /\.css$/,
      exclude: /[\/\\]src[\/\\]/,
      loaders: [
          'style?sourceMap',
          'css'
      ]
  });
  // local scss modules
  loaders.push({
      test: /\.scss$/,
      exclude: /[\/\\](node_modules|bower_components|public\/)[\/\\]/,
      loaders: [
          'style?sourceMap',
          'css?modules&amp;importLoaders=1&amp;localIdentName=[path]___[name]__[local]___[hash:base64:5]&amp;sourceMap',
          'postcss',
          'sass'
      ]
  });
  
  // local css modules
  loaders.push({
      test: /\.css$/,
      exclude: /[\/\\](node_modules|bower_components|public\/)[\/\\]/,
      loaders: [
          'style?sourceMap',
          'css?modules&amp;importLoaders=1&amp;localIdentName=[path]___[name]__[local]___[hash:base64:5]&amp;sourceMap'
      ]
  });
  
  
  module.exports = {
      entry: [
          'react-hot-loader/patch',
          './src/index.jsx' // your app's entry point
      ],
      devtool: process.env.WEBPACK_DEVTOOL || 'eval-source-map',
      output: {
          publicPath: '/',
          path: path.join(__dirname, 'public'),
          filename: 'bundle.js'
      },
      resolve: {
          extensions: ['', '.js', '.jsx']
      },
      module: {
          loaders
      },
      devServer: {
          contentBase: "./public",
          // do not print bundle build stats
          noInfo: true,
          // enable HMR
          hot: true,
          // embed the webpack-dev-server runtime into the bundle
          inline: true,
          // serve index.html in place of 404 responses to allow HTML5 history
          historyApiFallback: true,
          port: PORT,
          host: HOST
      },
      plugins: [
          new webpack.NoErrorsPlugin(),
          new webpack.HotModuleReplacementPlugin(),
          new DashboardPlugin(),
          new HtmlWebpackPlugin({
              template: './src/template.html'
          }),
      ]
  };
  </code></pre>
  
  <p>and karma.conf file </p>
  
  <p>var webpack = require('webpack');</p>
  
  <pre><code>module.exports = function (config) {
      config.set({
          browsers: ['Chrome'],
          singleRun: true,
          frameworks: ['mocha'],
          files: [
              'tests.webpack.js'
          ],
          preprocessors: {
              'tests.webpack.js': ['webpack']
          },
          reporters: ['dots'],
          webpack: {
              module: {
                  loaders: [
                      {test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader'}
                  ]
              },
              watch: true
          },
          webpackServer: {
              noInfo: true
          }
      });
  };
  </code></pre>
  
  <p>Any idea  to solve my issue ? Please let me know.
  Huge Thanks</p>