title: How to compile scss to css with node-sass
body: <p>I have a master.scss with many imports from other .scss files. If I change a * .scss file master.css is generated automatically.</p>
  
  <p>I use only the NPM, no Gulp or Grunt! This should remain so.</p>
  
  <p>My current build script:</p>
  
  <pre><code>"scripts": {
    "watch-sass": "sass --watch src/scss/master.scss:dist/css/master.css"
  }
  </code></pre>
  
  <p>That's nice but takes a long time to compile!</p>
  
  <p>Now I'm trying to use <a href="https://github.com/sass/node-sass" rel="noreferrer">node-sass</a>. It should compile very fast.
  Unfortunately, I do not understand it completely ...
  <strong>node-sass</strong> is installed, via <code>npm install node-sass</code></p>
  
  <p>Where do I use the following (from docs)?</p>
  
  <pre><code>var sass = require('node-sass');
  sass.render({
    file: scss_filename,
    [, options..]
  }, function(err, result) { /*...*/ });
  // OR
  var result = sass.renderSync({
    data: scss_content
    [, options..]
  });
  </code></pre>
  
  <p>This is not so in the <code>package.json</code>, right?</p>
  
  <p>Here's a tutorial, what I've read:  <a href="http://paulcpederson.com/articles/npm-run/" rel="noreferrer">Using NPM as a Task Runner</a></p>
  
  <p>The script is good. How can I use it?</p>
  
  <pre><code>"scripts": {
    "sass": "node-sass sass/ -o build/css/"
  }
  </code></pre>
  
  <p><em>This will compile all of the sass files (that don't start with an underscore) to the build/css/ directory.</em></p>
  
  <p>I hope for your help!</p>