title: How to get node-sass to not create a .css version of the @imported .scss file that changed, but only the main.css which imports it
body: <p>I have a simply HTML/SCSS website.</p>
  <p>In my /scss directory I have one file <code>main.scss</code> which imports 4 other .scss files.</p>
  <p>I start the website with <code>npm start</code> which <strong>correctly parses all the .scss files into only one <code>css/main.css</code> file</strong> and then watches for changes in all the .scss files:</p>
  <pre><code>&quot;scripts&quot;: {
      &quot;start&quot;: &quot;node-sass -r scss/main.scss -o css &amp;&amp;  node-sass --watch scss -o css&quot;
  }
  </code></pre>
  <p>The problem is, when I change any of the imported <code>.scss</code> files, it not only parses and recreates <code>css/main.css</code> (which is all I need for my HTML page), but it also parses the imported file into the <code>css</code> directory, which I don't need.</p>
  <p>Is there a way to tell node-sass that, when it sees a change in an imported <code>.scss</code> file, to only create the <code>css/main.css</code> file and not the .css version of the .scss file that changed?</p>