]

импорт модулей ES6 в сценариях хромированного содержимого расширения

выпуск: в Chrome 63, импорт модулей ES6 с использованием синтаксиса Import/Export в сценарии содержимого в синтаксисе. Ошибки.

Solution:

Chrome Advensions поддерживают модули ES6 через асинхронную динамическую функцию () функция:

(async () => {
  const src = chrome.runtime.getURL("your/content_main.js");
  const contentMain = await import(src);
  contentMain.main();
})();

, однако, этот метод имеет ограничения:

• . Он может быть заблокирован работником службы веб-сайта.
• Объявление импортированных сценариев в веб-ресурсах Manifest. Рассмотрим:

, используя обычный немодульный скрипт.

добавление его имени в «Js» в «content_scripts» перед вашим основным сценарием контента.
Использование глобальных переменных/функции напрямую. &&]

[Как использовать ES6 «Импорт» с chrome endension] (https://stackoverflow.com/a/50132415) [Рабочий пример импорта ES6 в Chrome Extension] (https://github.com/browsers-toolbox/es-import-in-extension)

[chrome.runtime.geturl] (https://developer.chrome.com/extensions/runtime#method-geturl)
]