Почему не подгружаются Gulp-таски?

Question

[Владимир]

Решил я намедни переписать конфиг для Галла. И все сломалось.

Вкратце: такси лежат в /tasks, файл gulpfile.babel.js работает через Бабель.
Галп при запуске gulp build выдает ошибку:

AssertionError [ERR_ASSERTION]: Task never defined: clean
    at getFunction (/Users/vovaspace/dev/rr-project/node_modules/undertaker/lib/helpers/normalizeArgs.js:15:5)
    at map (/Users/vovaspace/dev/rr-project/node_modules/arr-map/index.js:20:14)
    at normalizeArgs (/Users/vovaspace/dev/rr-project/node_modules/undertaker/lib/helpers/normalizeArgs.js:22:10)
    at Gulp.series (/Users/vovaspace/dev/rr-project/node_modules/undertaker/lib/series.js:13:14)
    at Object.<anonymous> (/Users/vovaspace/dev/rr-project/tasks/build.js:3:25)
    at Module._compile (internal/modules/cjs/loader.js:701:30)
    at loader (/Users/vovaspace/dev/rr-project/node_modules/babel-register/lib/node.js:144:5)
    at Object.require.extensions.(anonymous function) [as .js] (/Users/vovaspace/dev/rr-project/node_modules/babel-register/lib/node.js:154:7)
    at Module.load (internal/modules/cjs/loader.js:600:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:539:12)

Тут ошибка на clean, но если его убрать, ошибка будет на следующем таске. При этом отдельные таски запускаются нормально.

Файл gulpfile.babel.js

const requireDir = require('require-dir');
requireDir('tasks');

tasks/build.js

import gulp from 'gulp';

gulp.task('build', gulp.series(
  'clean',
  'styles',
  'templates',
  'scripts'
));

При этом если переименовать build.js в zzz.js (то есть сделать последним по алфавиту) все работает. Не может же быть проблема в порядке файлов в папке?
Куда копать?

Comments

[Сергей delphinpro]

Если взялись использовать es6 модули — используйте их везде.
requireDir в топку.

[Владимир]

Сергей delphinpro, логично. Тогда подскажите, можно ли импортировать целиком папку или на каждый файл импорт писать?

[Сергей delphinpro]

Владимир, https://developer.mozilla.org/ru/docs/Web/JavaScri...

[Сергей delphinpro]

если кратко - нельзя.

[Владимир]

Сергей delphinpro, да про документацию я знаю, просто именно там и не нашел про папки. Но спасибо.

[Сергей delphinpro]

Но можно сымпровизировать

tasks.js

import task1 from './task1';
import task2 from './task2';
import task3 from './task3';

export default {
  task1,
  task2, 
  task3,
}

build.js

import gulp from 'gulp';
import tasks from './tasks';

gulp.task('build', gulp.series(
  tasks.task1,
  tasks.task2,
  tasks.task3,
));

[Сергей delphinpro]

Разумеется, функции-задачи должны экспортироваться в таск-файлах

task1.js

export default function(cb){
  gulp.src()
  … 
  .on('end', cb);
}

[Владимир]

Сергей delphinpro, благодарю

Answer 1

[inzeppelin]

Не может же быть проблема в порядке файлов в папке?

Может. require-dir импортирует файлы в алфавитном порядке.

Comments

[Владимир]

Как пример использую github.com/CSSSR/csssr-project-template. У них таск default.js чуть ли не выше всех, но все работает.

[Владимир]

Сейчас специально проверил. Создал в их шаблоне отдельный build.js, все работает.

[inzeppelin]

Владимир У них старая версия Gulp. Вы, кажется, используете 4 и там, судя по всему, таски в .series не регистрируются, если указать их просто названиями. Попробуйте сделать свои таски именованными функциями и добавлять их в серию как функции.

// таск
function styles() {
  return gulp.src(...).pipe(...);
}

// build
gulp.task('build', gulp.series(
  styles, // это функция
  ...
));

[Владимир]

inzeppelin, спасибо

Answer 2

[Владимир]

Решил вопрос так:

import './tasks/clean';
import './tasks/fonts';
import './tasks/images';
import './tasks/scripts';
import './tasks/server';
import './tasks/sprites';
import './tasks/styles';
import './tasks/templates';

import './tasks/watch';
import './tasks/build';
import './tasks/deploy';
import './tasks/default';

Если есть решения лучше — предлагайте.