title: SASS: imported scss in index.js not rendering (using create-react-app)
body: <p>I'm working on a create-react-app project, which I hooked SASS to, using these instructions: <a href="https://github.com/facebook/create-react-app" rel="nofollow noreferrer">https://github.com/facebook/create-react-app</a></p>
  
  <p>Then, in my source, I created a style folder with a partials folder and an index.scss. Inside the partials folder, I have a firstComponent.scss file. I imported the scss from the firstComponent file into my index.scss. The styles are being successfully imported into my index.css file. However, they are not being rendered on the browser. Why is this? </p>
  
  <p>here is my index.js</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import App from './App';
  import registerServiceWorker from './registerServiceWorker';
  import './style/index.scss';
  
  ReactDOM.render(&lt;App /&gt;, document.getElementById('root'));
  registerServiceWorker();
  </code></pre>
  
  <p>here is my index.scss</p>
  
  <pre><code>@import './partials/_firstComponent';  
  
  body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
  }
  </code></pre>
  
  <p>here is my firstComponent.scss</p>
  
  <pre><code>.firstComponent {
      background-color: 'red'; 
  }
  </code></pre>
  
  <p>here is my index.css</p>
  
  <pre><code>.firstComponent {
    background-color: 'red'; }
  
  body {
    margin: 0;
    padding: 0;
    font-family: sans-serif; }
  </code></pre>