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

Question

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

这发生在 WebExtension 开发的上下文中。

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

我的-lib.js

export const foo = 42

我的背景-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 or Babel 是将代码转换为兼容的 javascript 版本的选项。