Export multiple classes in ES6 modules

by

Try this in your code:

import Foo from './Foo';
import Bar from './Bar';

// without default
export {
  Foo,
  Bar,
}

Btw, you can also do it this way:

// bundle.js
export { default as Foo } from './Foo'
export { default as Bar } from './Bar'
export { default } from './Baz'

// and import somewhere..
import Baz, { Foo, Bar } from './bundle'

Using export 

export const MyFunction = () => {}
export const MyFunction2 = () => {}

const Var = 1;
const Var2 = 2;

export {
   Var,
   Var2,
}


// Then import it this way
import {
  MyFunction,
  MyFunction2,
  Var,
  Var2,
} from './foo-bar-baz';

The difference with export default is that you can export something, and apply the name where you import it:

// export default
export default class UserClass {
  constructor() {}
};

// import it
import User from './user'

More Related Contents:

  1. Is there any one-line analogy in ES6 for ES5 `module.exports = require(‘./inner.js’)`?
  2. ES6+ javascript module export options
  3. Null-safe property access (and conditional assignment) in ES6/2015
  4. Using Node.js require vs. ES6 import/export
  5. Why does babel rewrite imported function call to (0, fn)(…)?
  6. Pass options to ES6 module imports
  7. Call async/await functions in parallel
  8. ES6 modules: Export single class of static methods OR multiple individual methods
  9. How can I conditionally import an ES6 module?
  10. Getting Unexpected Token Export
  11. Arrow Function in Object Literal [duplicate]
  12. Extending built-in natives in ES6 with Babel
  13. ES6 modules in the browser: Uncaught SyntaxError: Unexpected token import
  14. Can’t require() default export value in Babel 6.x
  15. Browserify, Babel 6, Gulp – Unexpected token on spread operator
  16. How to use code from script with type=module [duplicate]
  17. Why doesn’t instanceof work on instances of Error subclasses under babel-node?
  18. SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’ – Gulp
  19. Extending Error in Javascript with ES6 syntax & Babel
  20. How to publish a module written in ES6 to NPM?
  21. Clean way to keep original variable and destructure at the same time
  22. JavaScript object destructuring and aliasing
  23. `if __name__ == ‘__main__’` equivalent in javascript es6 modules
  24. Difference between import X and import * as X in node.js (ES6 / Babel)?
  25. “unexpected token import” in Nodejs5 and babel?
  26. require(‘babel/register’) doesn’t work
  27. Re-export default in ES 6 modules
  28. What do “module.exports” and “exports.methods” mean in NodeJS / Express?
  29. gulp babel, exports is not defined
  30. Exporting functions with reactjs and babel

Leave a Comment