ES6 export default imports into default object

Question

I've recently upgraded to babel 6.0 and I've run into issues with exporting objects as default. It seems that whenever I export an object using export default and then import the object it gets placed under a default object.

For example:

let a = {};

a.b = 'c';

export default a;

Will import as the following:

import a from './a';

a.b       // undefined
a.default // { b: 'c' }

This worked properly under babel 5.0. I'm also using babel-loader with webpack.

babel-loader config:

{
  test: /\.js|\.jsx$/,
  exclude: /node_modules/,
  loader: 'babel-loader',
  query: {
    cacheDirectory: true,
    plugins: ['transform-runtime'],
    presets: ['es2015', 'react', 'stage-0']
  }
}

I'm not able to reproduce this with your sample. There was a change in behavior between 5.x and 6.x, but this doesn't demonstrate it. Are you sure the sample code you've given is the issue? — loganfsmyth, Nov 03 '15 at 16:49
Take a look at this similar question, http://stackoverflow.com/questions/33505992/babel-6-changes-how-it-exports-default, seems this is the intended behavior. — Larry Lee, Nov 05 '15 at 03:02
@LarryLee post this as an answer and I'll mark it as accepted. — anthonator, Nov 07 '15 at 17:17
Voting to close as duplicate of [Babel 6 changes how it exports default](/q/33505992/4642212), as per comments and answer here. — Sebastian Simon, Jan 30 '23 at 17:23

score 0 · Accepted Answer · edited May 23 '17 at 10:31

0

I believe, as Larry Lee pointed out, this can probably be considered a duplicate of this question.

Babel 6 changes how it exports default

edited May 23 '17 at 10:31

Community

1
1

answered Nov 13 '15 at 21:21

anthonator

4,915
7
36
50

ES6 export default imports into default object

1 Answers1