如何将 ES6 模块导入 Chrome 扩展内容脚本？

如何在 Chrome 扩展的内容脚本中导入 ES6 模块

背景

在 Chrome 61 中引入了对 JavaScript 模块的支持。由于这个问题是在 2018 年提出的，当前的 Chrome 版本要更新得多，因此其建议可能已经过时。因此，本文探讨了当前问题的当代解决方案。

当前方法

ES 模块的异步动态 import() 函数

此方法支持从可信来源导入模块并维护对初始内容脚本的全局变量和函数的访问。但是，由于 Chrome 中的已知问题，它可能会被网站的 Service Worker 阻止。

普通非模块脚本的同步“导入”解决方法

此方法利用非模块脚本，将其名称添加到“content_scripts”中的“js”数组中，然后引用全局变量/函数

更多信息

• 如何通过 Chrome 扩展使用 ES6“导入”：https://stackoverflow.com/questions/48277565/how-to-import-es6- module-in-content-script-for-chrome-extension
• Chrome 扩展中 ES6 导入的工作示例： https://github.com/TheSavior/chrome-extension-es6-tips
• chrome.runtime.getURL：https://developer.chrome.com/docs/extensions/reference/runtime/#method-获取URL

以上是如何将 ES6 模块导入 Chrome 扩展内容脚本？的详细内容。更多信息请关注PHP中文网其他相关文章！