title: How to compile scss to css on npm start
body: <p>I am unable to compile scss files to css once the application is run using npm start. Is there a way to live reload a sass to css like ts are compiled to js by utility tsc:w.So I have to stop the build and then do gulp watch or node-sass command to compile scss to css and then build solution again using npm start. I tried below approaches but none worked. 
  Here is the code in package.json:</p>
  
  <p>Using gulp watch:                                               </p>
  
  <pre><code>"start": "concurrently \"npm run tsc:w\" \"npm run lite\" \"gulp\" ", 
  //also tried gulp watch and that did not work too.
  "start": "concurrently \"npm run tsc:w\" \"npm run lite\" \"gulp watch\" ",
  </code></pre>
  
  <p>here is my gulppfile.js in the root directory:</p>
  
  <pre><code>'use strict';
  var gulp = require('gulp');
  var sass = require('gulp-sass');
  gulp.task('sass', function () {
    gulp.src('./sass/**/*.scss')
      .pipe(sass().on('error', sass.logError))
      .pipe(gulp.dest('./css'));
  });
  gulp.task('watch', function () {
    gulp.watch('./sass/**/*.scss', ['sass']);
  });
  </code></pre>
  
  <p>Using node-sass command:</p>
  
  <pre><code>"start": "concurrently \"npm run tsc:w\" \"npm run lite\" \"npm run sass\" ",             
  "sass": "node-sass -w app/sass/ -o app/css/",
  </code></pre>
  
  <p>Could anyone pls tell what I am missing or what is the right way to do it? TIA</p>