Babel 6 changes how it exports default

by

If you want CommonJS export behavior, you’ll need to use CommonJS directly (or use the plugin in the other answer). This behavior was removed because it caused confusion and lead to invalid ES6 semantics, which some people had relied on e.g.

export default {
  a: 'foo'
};

and then

import {a} from './foo';

which is invalid ES6 but worked because of the CommonJS interoperability behavior you are describing. Unfortunately supporting both cases isn’t possible, and allowing people to write invalid ES6 is a worse issue than making you do .default.

The other issue was that it was unexpected for users if they added a named export in the future, for example

export default 4;

then

require('./mod');
// 4

but

export default 4;
export var foo = 5;

then

require('./mod')
// {'default': 4, foo: 5}

More Related Contents:

  1. Differences between creating a new class to using export const
  2. How do I get Babel 6 to compile to ES5 javascript?
  3. Unable to access React instance (this) inside event handler [duplicate]
  4. Null-safe property access (and conditional assignment) in ES6/2015
  5. Using Node.js require vs. ES6 import/export
  6. Why does babel rewrite imported function call to (0, fn)(…)?
  7. Call async/await functions in parallel
  8. Does Jest support ES6 import/export?
  9. Arrow Function in Object Literal [duplicate]
  10. Destructuring to get the last element of an array in es6
  11. How to stop babel from transpiling ‘this’ to ‘undefined’ (and inserting “use strict”)
  12. ES6 exporting/importing in index file
  13. What is the use case for var in ES6?
  14. Is there any one-line analogy in ES6 for ES5 `module.exports = require(‘./inner.js’)`?
  15. Spying on an imported function that calls another function in Jest
  16. Why doesn’t instanceof work on instances of Error subclasses under babel-node?
  17. Convert ES6 Iterable to Array
  18. Webpack babel 6 ES6 decorators
  19. How to import two classes by the same name in javascript/es6?
  20. ES6 `export * from import`?
  21. Trouble understanding JSX spread operator [duplicate]
  22. How to import part of object in ES6 modules
  23. Export multiple classes in ES6 modules
  24. How to run Node.js app with ES6 features enabled?
  25. (ES6) class (ES2017) async / await getter
  26. require(‘babel/register’) doesn’t work
  27. Re-export default in ES 6 modules
  28. gulp babel, exports is not defined
  29. Exporting functions with reactjs and babel
  30. Namespacing with IIFE in ES6?

Leave a Comment