Using ES6 with npm today

#1

Post by jallardice » Fri, Feb 27, 2015, 12:11 PM UTC

Using ES6 with npm today
mammal.io

Re: Using ES6 with npm today

#2

Post by arcatek » Fri, Feb 27, 2015, 2:08 PM UTC

The last part is missing : how should non-ES6 Node scripts require the ES6 components ?

Re: Using ES6 with npm today

#3

Post by usagimaru » Fri, Feb 27, 2015, 2:26 PM UTC

arcatek wrote: post #2

The last part is missing : how should non-ES6 Node scripts require the ES6 components ?

The transpilers will compile the module into an object you can require normally. The default export is under { "default": ... } and the other exported properties are under their exported names.

The real fun part is going the other direction: using non-ES6 modules inside ES6 code. Using 6to5ify (now babelify), I had the issue that I couldn't access the `exports` variable, only properties on it.

Re: Using ES6 with npm today

#4

Post by jallardice » Fri, Feb 27, 2015, 2:47 PM UTC

usagimaru wrote: post #3

arcatek wrote: post #2

The last part is missing : how should non-ES6 Node scripts require the ES6 components ?

The transpilers will compile the module into an object you can require normally. The default export is under { "default": ... } and the other exported properties are under their exported names. The real fun part is going the other direction: using non-ES6 modules inside ES6 code. Using 6to5ify (now babelify), I had the issue that I couldn't access the `exports` variable, only properties on it.

I've not had any problems with importing non-ES6 modules into ES6 code. To use Express for example you can simply do `import express from 'express'`. If you only need access to one or two properties of the exported object you can use the destructuring syntax to just get references to them: `import { hash, compare } from 'bcrypt'`

Re: Using ES6 with npm today

#5

Post by jallardice » Fri, Feb 27, 2015, 2:52 PM UTC

arcatek wrote: post #2

The last part is missing : how should non-ES6 Node scripts require the ES6 components ?

You're right, this would have been a good final section. However it's pretty straightforward as Babel compiles `export` syntax to Node's `module.exports` format by default which means you can require them in the usual way. It also compiles `import` syntax to the normal `require` calls.

Re: Using ES6 with npm today

#6

Post by lenkite » Fri, Feb 27, 2015, 2:56 PM UTC

arcatek wrote: post #2

The last part is missing : how should non-ES6 Node scripts require the ES6 components ?

They should simply use standard node js require. The author forgot to specify common js interop option in babel.

babel --modules common -d lib/ src/

Re: Using ES6 with npm today

#7

Post by acdlite » Fri, Feb 27, 2015, 3:10 PM UTC

lenkite wrote: post #6

arcatek wrote: post #2

The last part is missing : how should non-ES6 Node scripts require the ES6 components ?

They should simply use standard node js require. The author forgot to specify common js interop option in babel. babel --modules common -d lib/ src/

That's actually the default, but you can specify a different module system if you like. https://babeljs.io/docs/usage/modules/

Re: Using ES6 with npm today

#8

Post by latchkey » Fri, Feb 27, 2015, 7:09 PM UTC

Wow, I wish this had been posted a few days ago when I was going through the same bewilderment. There doesn't seem to be very many ES6 projects on npm, so examples are few and it took a bit of trial and error to get it right. I basically ended up with a very similar set of code for my project... https://github.com/lookfirst/gulp-helpers/