Простой Бабель перенесен Модуль es6 Загрузка

Я ищу простую загрузку модулей для импорта / экспорта модулей es6, передаваемых babel.

  • Начните с es6 исходных файлов с модулями импорта / экспорта для использования в браузере
  • Статически перенести это в es5 с помощью babel, с конфигурацией, указывающей, какой из преобразований модуля (amd, commonjs, systemjs) проще всего загрузить.
  • Не используйте npm для модулей и другие сложные рабочие процессы. Просто бабел перенес файлы.
  • Загрузите эти файлы es5 с модулями, с <script> загрузить библиотеку, которая использовалась для загрузки модулей es6.

Я бы хотел избежать browserify, webpack, jspm и т. Д. Просто перенесите es6->es5 и используйте скомпилированные модули библиотеки babel. Мне не нужно связывать. Мы говорим о простом базовом JavaScript здесь.

Это возможно? Если так, то как?!

Все обсуждения загрузки модулей, которые я видел, используют сложные рабочие процессы, которые мне кажутся ненужными. Я хотел бы просто использовать импорт / экспорт es6 в наборе файлов и использовать их как можно проще в браузере.

Источник

2 ответа

Решение

Гай Бедфорд ответил на это в группе Google SystemJS: https://groups.google.com/forum/?hl=en

Вот доклад, который я дал об этом своей команде, подробности в конце: http://backspaces.net/temp/Modules.pdf

Краткая версия: сконфигурируйте babel, чтобы иметь babel-plugin-transform-es2015-modules-systemjs, запустите ваши модули через babel только с этим преобразованием, если вам не нужны дополнительные функции es6 (Chrome завершен на 91%), и ваш html включают:

<script src="system.js"></script>
and
<script>
  System.import('lib/main'); 
</script>

Нет webpack, npm/browserify, jspm, комплектации,... или каких-либо других (слишком уж) многих рабочих процессов модулей.

Источник

Кажется, вы могли бы использовать babel-cli, чтобы делать то, что вы хотите. Возможно что-то вроде babel src --out-dir lib,

Источник
Другие вопросы по тегам