Can't use spread operator

Question

I tried using the spread operator in one of my js files but I got an error. This is what my webpack config file looks like i.e. only the module section.

module: {
        loaders: [
          {
              test: /\.jsx?$/,
              exclude: /(node_modules|bower_components)/,
              loader: 'babel',
              query: {
                  presets: ['react', 'es2015']
              }
          }
        ]
    }

I assume, I had an issue because spread is still in proposal stage. What do I need to do so that I can use the spread operator in my project?

UPDATE: Here's how I was using it:

import * as actions1 from './someActions';
import * as actions2 from './moreActions';

export {
   ...actions1,
   ...actions2
};

This is the error message:

Please post your error, and a small snippet of how you used the spread operator. — 4castle, Dec 27 '16 at 01:18
It's the unexpected token error -- see update in original post — Sam, Dec 27 '16 at 01:23
[`...` is not an operator](http://stackoverflow.com/a/37152508/218196). Once you understand that you won't use it in arbitrary positions. — Felix Kling, Dec 27 '16 at 01:56

loganfsmyth · Accepted Answer · 2016-12-27T01:47:47.010

The other answer is correct for generic objects, but for the code you posted the answer is that you cannot take all the props of an object and export then as named exports. All of the names of an export must be knowable without executing the code of the module.

import * as actions1 from './someActions';
export {...actions1};

is not possible. You can however do

export * from './someActions';

to take all of the named exports from someActions (excluding default) and re-export then as named exports from your root file.

Can't use spread operator

1 Answers1