How import variables or functions declared in different javascript files for WebExtension?

Question

This issue appears in Firefox Developer Edition 53.0a2.

This take place in context of WebExtension development.

I have a lib script that export a simple variable.

export const foo = 42

import foo from 'my-lib'

// ...

This throws a SyntaxError: import declarations may only appear at top level of a module

How can I import variables or functions declared in different javascript files ?

rsommerard · Accepted Answer · 2017-02-24 13:10:04Z

2

ES6 modules support is not far enough yet (source MDN)

The use of Webpack or Babel is the option to transpile the code to a compatible javascript version.

answered Feb 24, 2017 at 13:10

rsommerard

5401 gold badge7 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1