title: webpack style-loader + css-loader not importing
body: <p>I have Webpack set up and it's transforming jsx and doing HMR just fine, but then when I tried to add CSS to my javascript files by adding to the config </p>
  
  <pre><code>  module: {
      loaders: [
        { 
          test: /\.jsx?$/, 
          loader: 'babel', 
          exclude: /node_modules|bower_modules/ 
        },
        { 
          test: /\.css$/, 
          loader: 'style!css', 
          exclude:/node_modules|bower_modules/
        },
      ]
    },
  </code></pre>
  
  <p>and in my test.css</p>
  
  <pre><code>.htmlPreview{
    border: 1px solid #000;
  }
  </code></pre>
  
  <p>and finally in my invoice.jsx</p>
  
  <pre><code>import styles from './test.css';
  console.log(styles)
  </code></pre>
  
  <p>it logs undefined. The setup is pretty simple, but could anyone see any thing that I might have missed? </p>
  
  <p>thank you!</p>