Зачем нужен Task runner

Task runner автоматизирует рутинные задачи в разработке, такие как сборка, минификация, транспиляция кода, запуск тестов и т.д. Это экономит время и уменьшает вероятность ошибок.

Популярные таск-раннеры: Gulp, Grunt.

Пример с Gulp:

const gulp = require('gulp');
const sass = require('gulp-sass');

gulp.task('sass', () => {
  return gulp.src('src/scss/*.scss')
    .pipe(sass())
    .pipe(gulp.dest('dist/css'));
});

gulp.task('watch', () => {
  gulp.watch('src/scss/*.scss', gulp.series('sass'));
});

Запуск gulp watch будет автоматически компилировать SCSS в CSS при изменениях.

Современные сборщики (Webpack, Vite) часто включают функциональность таск-раннеров, но последние остаются полезны для простых задач.