title: How can I configure sass with webpack/react?
body: <p>I am trying to use sass in webpack+ react, this is my component:</p>
  
  <pre><code>'use strict';
  import React from 'react';
  
  require('style.scss');
  
  class App extends React.Component {
      render() {
          return (
              &lt;div className="hello-form"&gt;&lt;p&gt;this should be blue&lt;/p&gt;&lt;/div&gt;
          );
      }
  
  }
  
  export default App;
  </code></pre>
  
  <p>This is my config settings:</p>
  
  <pre><code>loaders: [
              {
                  test: /\.js$/,
                  exclude: /node_modules/,
                  loader: ['babel'],
                  query: {
                      presets: ['es2015', 'react']
                  }
              },
              {
                  test: /\.scss$/,
                  loaders: ['style', 'css', 'sass']
              }
          ]
  </code></pre>
  
  <p>When I run webpack I am getting this error:</p>
  
  <pre><code>ERROR in ./App.js
  Module not found: Error: Cannot resolve 'file' or 'directory' ../style.scss in C:\Users\d815694\WebstormProjects\reactfrom_scratch
   @ ./App.js 24:0-24
  </code></pre>
  
  <p>How can I configure sass with webpack?</p>