Как правильно настроить gulp-sass?

Question

Вот мой глоток.

var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var babel = require("gulp-babel");

// Gulp Sass Task
gulp.task('sass', function () {
    console.log('called');
  // gulp.src locates the source files for the process.
  // This globbing function tells gulp to use all files
  // ending with .scss or .sass within the scss folder.
  gulp.src("scss/*.scss")
    // Converts Sass into CSS with Gulp Sass
    .pipe(sass().on('error', sass.logError))
    // Outputs CSS files in the css folder
    .pipe(gulp.dest("css"));
});

// Watch scss folder for changes
gulp.task('watch', function() {
  // Watches the scss folder for all .scss and .sass files
  // If any file changes, run the sass task
  gulp.watch('./scss/**/*.{scss,sass}', ['sass'])
});

gulp.task("transpile", function () {
  return gulp.src("js/*.js")
    .pipe(babel())
    .pipe(gulp.dest("./compile"));
});

// Creating a default task
gulp.task('build', ['sass', 'transpile']);

Gulp Sass работает успешно, но не создает папку, которая я ожидаю. Также, когда я запускаю sass вручную,

sass --trace  _picker.scss:css/_picker.css

Я вижу, что CSS правильно компилируется. Не уверен, что не так с gulpfile. Любая помощь могла бы быть полезна.