Tengo una extensión de Chrome, que tiene diferentes scripts para varias páginas:

 { "name": "My extension", "version": "1.0.0", "manifest_version": 3, "content_scripts": [{ "matches": ["https://first/page"], "run_at": "document_idle", "js": ["first.js"] }, { "matches": ["https://second/page"], "run_at": "document_idle", "js": ["second.js"] }] }

Quiero usar algunas funciones auxiliares en ambos scripts. ¿Cómo cargo un segundo archivo, por ejemplo, lib.js para que las funciones definidas allí estén disponibles?

Intenté usar chrome.runtime.getURL que me proporciona una URL para el archivo, pero no me permite "cargarlo". También intenté simplemente agregar el archivo a la propiedad js , lo que hace que el archivo se cargue, pero cuando intento llamar a las funciones, no están undefined . Y probé varios tipos de declaración de import , pero tampoco conseguí que funcionaran.

Entonces, ¿cómo puedo hacer esto sin duplicar el código común en ambos archivos de script de contenido?