0

эксперимента ради пытаюсь переписать сборщик с использованием классов. Хочу разделить Dev и Dist сборку в разные классы и наследовать общие модули и методы от главного класса.

Имеется следующий код.

class Collector {
    constructor() {
        this.gulp = require('gulp');
    }
}

class DevCollector extends Collector {
    constructor() {
        super(gulp);
    }

    buildSass() {
        return this.gulp // Почему undefined? 
            .src(this.path.dev.sass)
            .pipe(this.sass())
            .pipe(this.gulp.dest(this.path.dist.css))
            .pipe(this.server.stream());
    }
}

При попытке билда, вылазит ошибка, что GULP is no defined. В этой строке

return this.gulp

Пытаюсь получить к нему доступ через SUPER super(gulp) - не работает super(this.gulp) - не работет

Как получить доступ к этому свойству родительского класса?

2
  • constructor в DevCollector не имеет смысла, его можно убрать и ничего не изменится. А покажите как вы создаёте объект класса DevCollector и вызываете метод buildSass()?
    – sneas
    Commented 29 авг. 2019 в 7:53
  • Конструктор нужен, в дальнейшем туда будут подключатся свои модули. @sneas Весь код тут: jsfiddle.net/vearo/0m18aLjw
    – user298256
    Commented 29 авг. 2019 в 7:57

1 ответ 1

0

Функции buildSass, buildJs и moveImg теряют контекст при передачи в галп таким способом:

const build = this.gulp.parallel(this.buildSass, this.buildJs, this.moveImg);

Это можно решить вот так:

const build = this.gulp.parallel(this.buildSass.bind(this), this.buildJs.bind(this), this.moveImg.bind(this));

8
  • Сейчас попробую
    – user298256
    Commented 29 авг. 2019 в 8:14
  • Почему то теперь ругается на метод Watch, а именно TypeError: Cannot read property 'server' of undefined
    – user298256
    Commented 29 авг. 2019 в 8:24
  • Использовал способ через bind
    – user298256
    Commented 29 авг. 2019 в 8:24
  • 1
    Понял в чем ошибка
    – user298256
    Commented 29 авг. 2019 в 8:27
  • Спасибо, помогли
    – user298256
    Commented 29 авг. 2019 в 8:28

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.