title: Gulp: How to create a task that compiles multiple SASS files?
body: <p>I have the following <code>sass</code> task which compiles <code>app.scss</code> to <code>app.css</code> and reloads the page:</p>
  
  <pre><code>gulp.task('sass', function() {
    return gulp.src('./app/app.scss')
      .pipe(sass())
      .pipe(gulp.dest('./app'))
      .pipe(livereload());
  });
  </code></pre>
  
  <p>Now, I want to compile another file, namely <code>ui-toolkit.scss</code> to <code>ui-toolkit.css</code>.</p>
  
  <p>Is this the best way to update the task?</p>
  
  <pre><code>gulp.task('sass', function() {
    gulp.src('./ui-toolkit/ui-toolkit.scss')
      .pipe(sass())
      .pipe(gulp.dest('./ui-toolkit'));
  
    return gulp.src('./app/app.scss')
      .pipe(sass())
      .pipe(gulp.dest('./app'))
      .pipe(livereload());
  });
  </code></pre>