Нужно ли использовать babel с webpack 4?

Question

[kova1ev]

я начинающий, смотрю разные курсы - везде используют вебпак вместе с бабелем. Но я пробую делать сборку с минимальным конфигом вебпака и он транспилирует код es6 вроде без всякого бабеля. Не пойму, зачем тогда бабель устанавливать в проект, это же вроде просто транспилятор?

Answer 1

[Никита Егоров]

Но я пробую делать сборку с минимальным конфигом вебпака

И в чем смысл? Просто ограничиваете себе функционал, вес приложения не зависит ведь от количество webpack плагинов, поэтому это бессмысленно.

и он транспилирует код es6 вроде без всякого бабеля.

Он ничего не траспилирует, а просто собирает модули, babel нужен для транспиляции es6, 7, 8 -> es5 например, это зависит от настроек. То есть код написанный на ES6, частично не будет работать в IE11, но если прогнать его через Babel, то этот код будет работать везде (опять же, зависит от указанных вами настроек).

Comments

[kova1ev]

минимальный конфиг потому что только начал осваивать, какой смысл скачивать сразу 100500тыщ пакетов, если все равно не понимаешь зачем они нужны.

Поэтому вопрос по бабелю и возник, потому что в учебных материалах пишут: "вот смотрите, бабель транспилировал код ес6 в ес5, заменил let на var, теперь можно использовать синтаксис классов и импорты" и т.п.

Взял, написал для пробы пару файлов, в одном класс, в другом он импортируется, сделал сборку без бабеля - и все работает, переменные стали var, классы поменялись на функции. Значит вебпак все-таки что-то транспилирует? И чем файл сборки просто вебпака будет отличаться от сборки бабель + вебпак?

[Никита Егоров]

kova1ev, нет webpack ничего не траспилирует. Он собирает модули.

Вот это:

class SomeClass {
    constructor(name) {
        this._name = name
    }

    get name() {
        return this._name;
    }

    set name(value) {
        this._name = value;
    }
}

const user = new SomeClass('Eric');

console.log(user.name);

user.name = 'Jhon';
console.log(user.name);

Webpack скомпилиль в это и там есть слово class:

[Никита Егоров]

kova1ev, и это, как вы понимаете, не будет работать в IE11 без babel