如何在WebExtension的不同javascript文件中声明导入变量或函数？

Question

此问题出现在Firefox Developer Edition 53.0a2中。

这发生在WebExtension开发的背景下。

我有一个lib脚本，可以导出一个简单的变量。

MY-lib.js

export const foo = 42

MY-背景的script.js

import foo from 'my-lib'

// ...

这会抛出SyntaxError: import declarations may only appear at top level of a module

如何导入在不同javascript文件中声明的变量或函数？

Answer 1

ES6模块支持还不够（来源MDN）

使用Webpack或Babel可以将代码转换为兼容的javascript版本。