Как я группирую задачи? - PullRequest
Новая
       78

Как я группирую задачи?

0 голосов
/ 24 марта 2019

Я экспериментирую с gulp 4, и у меня есть пара задач (buildIndex, buildContent, buildStyling и buildScripts), которые вставляют файлы в папку сборки.

I 'Я хотел бы сгруппировать эти задачи в одну задачу, чтобы я мог выполнить группу на верхнем уровне.

Вот так я и начал работать сейчас.Это может не сработать в будущем, так как в этом комментарии говорится, что gulp 4 намерен выполнить все задачи на верхнем уровне.

const { src, dest, parallel, series, watch } = require('gulp');
const browserSync = require('browser-sync').create();
const clean = require('gulp-clean');
const uglify = require('gulp-uglify');
const sass = require('gulp-sass');
var rename = require('gulp-rename');

exports.default = series(
  rebuild,
  parallel(
    host,
    watchSource));

function rebuild(cb) {
  series(
    deleteBuild,
    build)();
  cb();
}

function host(cb) {
  browserSync.init({
    server: {
      baseDir: 'build'
    }
  });
  watch('build/**').on('change', browserSync.reload);
  cb();
}

function watchSource() {
  watch('src/**', rebuild);
}

function deleteBuild() {
  return src('build', { allowEmpty: true, read: false })
    .pipe(clean());
}

function build(cb) {
  parallel(
    buildIndex,
    buildContent,
    buildStyling,
    buildScripts)();
  cb();
}

function buildIndex() {
  return src('src/index.html')
    .pipe(dest('build'))
    .pipe(browserSync.stream());
}

function buildContent() {
  return src('src/content/**/*.html')
    .pipe(dest('build/content'))
    .pipe(browserSync.stream());
}

function buildStyling() {
  return src('src/styling/**/*.scss')
    .pipe(sass.sync().on('error', sass.logError))
    .pipe(dest('build/styling'))
    .pipe(browserSync.stream());
}

function buildScripts() {
  return src('src/scripts/**/*.js')
    .pipe(uglify())
    .pipe(rename({ extname: '.min.js' }))
    .pipe(dest('build/scripts', { sourcemaps: true }))
    .pipe(browserSync.stream());
}

Как правильно группировать задачи?

1 Ответ

0 голосов
/ 26 марта 2019

Изменить:

Вы уже удалили задачу по умолчанию в export.default. Если вы хотите добавить еще одну задачу, которая запускает указанные вами задачи, вы можете сделать это следующим образом:

Запустите задачи параллельно: 

exports.mynewtask = parallel(buildIndex, buildContent, buildStyling, buildScripts);

Запускать задачи один за другим: 

exports.mynewtask = series(buildIndex, buildContent, buildStyling, buildScripts);

Похоже, что это правильный путь для группировки задач, как вы можете видеть в документации Gulp.js для параллельного () .

.

То же самое со старым синтаксисом Gulp будет выглядеть так: 

const gulp = require("gulp");
...
gulp.task('default', gulp.parallel('buildIndex', 'buildContent', 'buildStyling', 'buildScripts'));
// or
gulp.task('default', gulp.series('buildIndex', 'buildContent', 'buildStyling', 'buildScripts'));
...