How to correctly use ES6 “export default” with CommonJS “require”?

by

To use export default with Babel, you can do 1 of the following:

  1. require("myStuff").default
  2. npm install babel-plugin-add-module-exports --save-dev

Or 3:

//myStuff.js
var thingToExport = {};
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = thingToExport;

More Related Contents:

  1. In the `import` syntax of ES6, how is a module evaluated exactly?
  2. Javascript object bracket notation ({ Navigation } =) on left side of assign
  3. “You may need an appropriate loader to handle this file type” with Webpack and Babel
  4. Getting Unexpected Token Export
  5. What does the @ mean inside an import path?
  6. Which browsers support import and export syntax for ECMAScript 6?
  7. ES6 exporting/importing in index file
  8. ES6: import module from URL
  9. When should I use brackets with imports
  10. where is create-react-app webpack config and files?
  11. Webpack babel 6 ES6 decorators
  12. What is the defined execution order of ES6 imports?
  13. javascript import from ‘/folder’ with index.js
  14. How to import part of object in ES6 modules
  15. How will browsers handle ES6 import/export syntax
  16. Webpack and external libraries
  17. Path aliases for imports in WebStorm
  18. Output an ES module using webpack
  19. Adding script tag to React/JSX
  20. What is “export default” in JavaScript?
  21. What does three dots do in ReactJS [duplicate]
  22. How to load all files in a directory using webpack without require statements
  23. Javascript ES6 cross-browser detection
  24. ES6 modules implementation, how to load a json file
  25. How to store Configuration file and read it using React
  26. How can I ‘require’ CommonJS modules in the browser? [closed]
  27. How do I make a “public static field” in an ES6 class?
  28. Mixins for ES6 classes, transpiled with babel
  29. Get list of duplicate objects in an array of objects
  30. What can we do with ES6 Generator that we cannot with for loop?

Leave a Comment