I'm looking for a way to use ES6 Modules (import/export) syntax in my current RequireJS project. I can run my project directly in a recent browser, without build or Babel transformation. I build my project with r.js and Babel only for production.
We would like to start building ES6 modules and use it with requireJS. Is there a way to do that ?
NB : RequireJS does not load dependencies written in ES6.
Yes, RequireJS should be compatible with Babel's es2015-modules-umd plugin. So you should be able to use import and export in your files during development with a modern browser that supports modules, then use r.js and Babel w/that plugin for production.
import/export part). That's why Babel's involved at that stage, to transform import/export into require/define calls.<script type="module" src="main.js"></script> and then main.js can use import { foo } from "./foo.js"; and such. So that's development. Then for test and production you run it through Babel, probably use Require et. al. to build a combined, minified file, et voila.define (["myES6Module.js"], function () {});