gulp babel, exports is not defined

by

That is not actually a babel issue, you are just trying to run CommonJS code (transpiled from ES6 export) in the browser without preparation. CommonJS doesn’t run on the browser, you need to use a tool to package it for the browser, such as Webpack or Browserify.

Just by coincidence this week I created a small project on Github that shows a setup of Gulp + ES6 code (using export) + Babel + Webpack: gulp-es6-webpack-example.

In my example you can load JS code on the browser either synchronously (pre-loaded) or asynchronously (lazy-loaded).

More Related Contents:

  1. Browserify, Babel 6, Gulp – Unexpected token on spread operator
  2. SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’ – Gulp
  3. Find list of strings that matches a pattern that start with a special character « and end with a special character »
  4. Unable to access React instance (this) inside event handler [duplicate]
  5. Null-safe property access (and conditional assignment) in ES6/2015
  6. Using Node.js require vs. ES6 import/export
  7. Why does babel rewrite imported function call to (0, fn)(…)?
  8. Call async/await functions in parallel
  9. Getting Unexpected Token Export
  10. Arrow Function in Object Literal [duplicate]
  11. Extending built-in natives in ES6 with Babel
  12. ES6 exporting/importing in index file
  13. What is the difference between ‘let’ and ‘const’ ECMAScript 2015 (ES6)?
  14. Why are Objects not Iterable in JavaScript?
  15. Is there any one-line analogy in ES6 for ES5 `module.exports = require(‘./inner.js’)`?
  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. Unable to use Arrow functions inside React component class [duplicate]
  20. How to publish a module written in ES6 to NPM?
  21. ES6 `export * from import`?
  22. Clean way to keep original variable and destructure at the same time
  23. Difference between import X and import * as X in node.js (ES6 / Babel)?
  24. Export multiple classes in ES6 modules
  25. “unexpected token import” in Nodejs5 and babel?
  26. How to run Node.js app with ES6 features enabled?
  27. require(‘babel/register’) doesn’t work
  28. Re-export default in ES 6 modules
  29. Exporting functions with reactjs and babel
  30. How to understand JS realms

Leave a Comment