Tengo un index.html con el siguiente script
<script type="module"> import { initializeApp } from "https://www.gstatic.com/firebasejs/9.9.2/firebase-app.js"; import { getDatabase, ref, query, orderByChild, equalTo, set, child, get, update, onValue, push, remove, onChildAdded, limitToLast} from "https://www.gstatic.com/firebasejs/9.9.2/firebase- database.js"; import { getAuth, signInWithEmailAndPassword, createUserWithEmailAndPassword } from "https://www.gstatic.com/firebasejs/9.9.2/firebase-auth.js"; const firebaseConfig = {....}; const app = initializeApp(firebaseConfig); const db = getDatabase(app); const auth = getAuth(); const dbRef = ref(db); var a = [1,2,3,4,5,6,7,8,9]; var b = [9,8,7,6,5,4,3,2,1]; function first(a){ second(a); a[0] = 9; } function second(a){ console.log(a); } </script>Las funciones a y b son ejemplos, en realidad tengo unas 50 funciones diferentes. Me gustaría saber cómo organizarlos en grupos de funciones que realizan o tienen el mismo objetivo. He intentado importar pero si cambio alguna parte del código tengo que actualizar el caché (?v=1.0 ejemplo) en todos los demás archivos que importan esa función.
¿Hay alguna forma de simplificarlo? ¿Cuál es la forma más eficiente de trabajar con varias funciones y conexiones a firebase desde js?
Si no tengo el módulo firebase, simplemente incluiría varios scripts js con las funciones incluidas
También quiero que las variables declaradas en el script principal puedan ser modificadas por el grupo de funciones que quiero cargar externamente para tener las funciones separadas y organizadas
cualquier cosa me ayudaria gracias