title: Trying to add SASS to a React application
body: <p>I created a brand new React application with <code>create-react-app</code> and now I want to add SASS to it.</p>
  
  <p>I followed the instructions <a href="https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc" rel="nofollow noreferrer">here</a>. Basically I run</p>
  
  <pre><code>npm install node-sass --save-dev
  </code></pre>
  
  <p>and then added these two lines to my <code>package.json</code> file:</p>
  
  <pre><code>"scripts": {
      "build-css": "node-sass src/ -o src/", # Line 1
      "watch-css": "npm run build-css &amp;&amp; node-sass src/ -o src/ --watch --recursive", # Line 2
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test --env=jsdom",
  </code></pre>
  
  <p>This should do the job, according to the documentation, but when I complete the process doing </p>
  
  <pre><code>mv src/App.css src/App.scss
  </code></pre>
  
  <p>and then</p>
  
  <pre><code>npm run watch-css
  </code></pre>
  
  <p>the script just won't finish by itself. I always have to use <code>Ctrl-C</code> to finish it and I believe this is not normal.</p>
  
  <p>My questions are:</p>
  
  <ul>
  <li>Is this normal?</li>
  <li>Have I missed something?</li>
  <li>If so, what have I missed?</li>
  </ul>