Receitas

Esta página reúne recursos pedidos com frequência que, por questões de concepção, não cabem na interface.

Módulos ES6

Não é possível importar ou exportar módulos ES6 entre regras, mas você pode usar módulos da internet, por exemplo assim:

;(async () => {
  const { module } = await import("https://...")
  // your code is here
})()

Carregar módulos como na versão 2.x

Na versão 3.x e posteriores, os módulos ficam em cache após o primeiro carregamento e só são atualizados manualmente, na janela de edição do módulo. Eles não são mais carregados pela árvore DOM do site: são incorporados diretamente ao script.

Se você precisa carregar pelo DOM ou se um script externo exige atualizações frequentes, é melhor não usar os módulos da extensão e carregá-lo diretamente via JS:

Promise.allSettled([
  loadScript("https://...js"),
  loadScript("https://...js"),
]).then(() => {
  // your code is here
})

function loadScript(src) {
  return new Promise(function (resolve, reject) {
    const script = document.createElement("script")
    script.src = src
    script.onload = resolve
    script.onerror = reject
    document.head.append(script)
  })
}