Настройка React-проекта: что делает Babelify?

Question

В настоящее время я изучаю, как создавать реактивные проекты с npm, Babel и Browserify.

Использование Babel кажется мне достаточно понятным: оно переводит JSX- и ES6-код в ES5-код, который можно запускать во всех браузерах.

То же самое с Browserify: он связывает пакеты npm, которые я использую (React-DOM, React и т. Д.) Вместе с моим собственным кодом в один большой файл. Затем этот файл можно использовать для развертывания на производстве.

Но я не могу понять, что Babelify для. Я читал, что он «позволяет использовать Babel с Browserify». В статье на сайте-сайте говорится, что это «Babel transformer for Browserify».

Все эти объяснения немного странно для меня, потому что если:

Бабель является transpiler, который transpiles JSX, ES6, машинопись, ... -кода в браузер, совместимый код. Зачем нужен дополнительный «трансформатор» для выхода Babel?

Answer 1

babelify это браузерный пакет преобразования.

Вы не можете использовать простой пакет babel с уточнением. Поэтому вы должны использовать пакет babelify, который содержит babel внутри, чтобы иметь возможность преобразовать код es6 в es5 с помощью браузера.