Use ES6 import with CoffeeScript and Browserify

Question

CoffeeScript doesn't support ES6 import yet. (See https://github.com/jashkenas/coffeescript/issues/3162)

I tried to use the following syntax as explained in the link:

`import { createAction, handleAction, handleActions } from 'redux-actions'`

But Browserify throws the following error:

Browerify { err: 
   { [Error: Parsing file: 'import' and 'export' may only appear at the top level (2:0)]

So, I'm currently stuck with the old traditional way:

reduxActions = require 'redux-actions'
console.log reduxActions.createAction

Which works fine but force me to either use reduxActions.createAction or to manually define createAction = reduxActions.createAction in each file were I need it. I'm looking for a better way of doing this, if any.

Vadorequest · Accepted Answer · 2016-03-09 12:19:51Z

4

A collegue of mine found a solution:

{ createAction, handleAction, handleActions } = require 'redux-actions'

It's the best way of doing this I've found so far, looks like ES6.

answered Mar 9, 2016 at 12:19

Vadorequest

18.2k27 gold badges131 silver badges232 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Use ES6 import with CoffeeScript and Browserify

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related