如何將 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中文網其他相關文章！