понимание gulpfile. js код gulp.dest

Question

Это по этой ссылке: https://github.com/lukeharvey/wordpress-starter-theme-gulp/blob/master/gulpfile.js

gulp.task("sass", function() {
  var plugins = [autoprefixer({ browsers: ["last 2 versions"] }), cssnano()];
  return gulp
    .src(["./src/sass/main.scss"])
    .pipe($.sourcemaps.init())
    .pipe(
      $.sass({
        precision: 10
      }).on("error", $.sass.logError)
    )
    .pipe($.postcss(plugins))
    .pipe($.rename("main.min.css"))
    .pipe($.sourcemaps.write("."))
    .pipe(gulp.dest("./dist/css/"))
    .pipe(browserSync.stream({ match: "**/*.css" }));
});

Часть .src(["./src/sass/main.scss"]) означает, что взять файл main.scss из папки src/sass и скомпилировать его в .pipe(gulp.dest("./dist/css/"))

Но что это значит, если вы знаете, что папка dist или css не существует? Он должен скомпилировать его в файл /style.css (который существует), но я не понимаю логики c в этом коде, я имею в виду этот код: .pipe(gulp.dest("./dist/css/"))