title: Add Sass (.scss) to ejected create-react-app config
body: <p>I want to add <code>.scss</code> support in my app, which was created using create-react-app. </p>
  
  <p>I did eject <code>npm run eject</code> and installed necessary dependencies: <code>npm install sass-loader node-sass --save-dev</code></p>
  
  <p>Inside <code>config/webpack.config.dev.js</code> I added to the loaders this snippet:</p>
  
  <pre><code>{
     test: /\.scss$/,
     include: paths.appSrc,
     loaders: ["style", "css", "scss"]
  },
  </code></pre>
  
  <p>So the beginning of the loaders array now look like so:</p>
  
  <pre><code>loaders: [
        // Process JS with Babel.
        {
          test: /\.(js|jsx)$/,
          include: paths.appSrc,
          loader: 'babel',
          query: require('./babel.dev')
        },
        // "postcss" loader applies autoprefixer to our CSS.
        // "css" loader resolves paths in CSS and adds assets as dependencies.
        // "style" loader turns CSS into JS modules that inject &lt;style&gt; tags.
        // In production, we use a plugin to extract that CSS to a file, but
        // in development "style" loader enables hot editing of CSS.
        {
          test: /\.css$/,
          loader: 'style!css!postcss'
        },
        // LOAD &amp; COMPILE SCSS
        {
          test: /\.scss$/,
          include: paths.appSrc,
          loaders: ["style", "css", "scss"]
        },
  </code></pre>
  
  <p>Now in my jsx when I try to import scss file:</p>
  
  <pre><code>import './assets/app.scss';
  </code></pre>
  
  <p>I get an error: </p>
  
  <blockquote>
    <p>Uncaught Error: Cannot find module "./assets/app.scss"</p>
  </blockquote>
  
  <p>So my config must be wrong as I'm not able to load <code>.scss</code> files. How to adjust config to load <code>.scss</code> files in ejected <code>create-react-app</code>?</p>