JavaScript - модули ES6 поддерживают использование babel

Question

Я работаю над приложением JS без какой-либо инфраструктуры JS.Я использую babel для поддержки функций стрелок и т. Д. Я хотел использовать модули ES6 в своем приложении.Если я переносил код JS, который содержит операторы импорта и экспорта, и выполнялся в браузере, я получал сообщение об ошибке: «экспорт не определен».

Я пробовал различные решения, доступные в Интернете.Но ничего не сработало.

Разве я не могу использовать модули ES6, просто добавив babel и транспилируя?Если да, то как мне этого добиться?

В utils.js

export default Utils = {

};

В app.js

import Utils from './utils';

В gulpfile.js

.pipe(babel({
        presets: ['es2015']
}))

Answer 1

Хотя Babel может преобразовывать синтаксис модуля ES6 в синтаксис модуля CommonJS, он не будет объединять модули для использования в средах, которые их вообще не поддерживают.

Для этого вам следует использовать Browserify, Webpack илидругой модуль-упаковщик.

Для получения дополнительной информации вы должны увидеть:

• Среда разработки ES6, упрощенная благодаря babel, gulp и webpack!
• ПрозрачныйМодули ES6 для AMD и CommonJS с использованием Babel & Gulp (что также распространяется на использование Browserify)