ES6 モジュールを Chrome 拡張機能のコンテンツ スクリプトにインポートするにはどうすればよいですか?

Chrome 拡張機能のコンテンツ スクリプトに ES6 モジュールをインポートする方法

バックグラウンド

Chrome 61 では、JavaScript モジュールのサポートが導入されました。この質問は 2018 年に行われたものなので、Chrome の現在のバージョンははるかに新しいため、その提案は時代遅れになる可能性があります。そこで、この記事では、当面の問題に対する最新の解決策を検討します。

現在のアプローチ

ES モジュールの非同期動的 import() 関数

このメソッドにより、信頼できるソースからモジュールをインポートし、初期コンテンツ スクリプトのグローバル変数と関数へのアクセスを維持します。ただし、Chrome の既知の問題により、Web サイトの Service Worker によってブロックされる可能性があります。

通常の非モジュール スクリプトの同期「インポート」回避策

この方法非モジュールスクリプトを利用し、それらの名前を「content_scripts」の「js」配列に追加し、グローバル変数/関数を参照します。

詳細情報

• Chrome 拡張機能で ES6 の「インポート」を使用する方法: https://stackoverflow.com/questions/48277565/how-to-import-es6- modules-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-getURL

以上がES6 モジュールを Chrome 拡張機能のコンテンツ スクリプトにインポートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。