Importation de modules es6 dans les scripts de contenu de Chrome Extension

: Dans Chrome 63, l'importation de modules ES6 à l'aide de la syntax d'import / export dans un script de contenu entraîne une syntaxe dans la syntaxe erreurs.

solution:

Chrome Extensions Prise en charge des modules ES6 via une fonction dynamique asynchrone ():

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

Cependant, cette méthode a des limitations:

• elle peut être bloquée par le travailleur des services du site Web. Considérez:
en utilisant un script normal non module.

ajoutant son nom à "js" dans "content_scripts" avant votre script de contenu principal.

en utilisant les variables globales / fonctions directement. Informations:
[Comment utiliser ES6 «Importer» avec Chrome Extension] (https://stackoverflow.com/a/50132415)
[Exemple de travail de l'Es6 Import dans Chrome Extension] (https://github.com/browsers-toolbox/es-import-in-extension)

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