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

Question

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

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

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

my-lib.js

export const foo = 42

我的背景脚本.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 版本。