将JS函数拆分到使用公共模块的不同文件中

Question

总结问题:是否有任何方法可以将使用公共外部模块的函数分发到不同的文件中，这样我就不需要在每个文件中再次下载相同的外部模块。(在Vanilla JS中)

详细说明:大家好!所以我一直在使用Firebase 9.6.0为我的项目(单个js文件)，我曾经导入它(香草js)。但是现在项目已经变得更大，使用单个JS文件不再是有利的了。我读过关于导入和导出函数的内容。因此，我尝试了以下内容(main.js作为HTML文件中的模块导入):

file:main.js
import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.0/firebase-app.js";
import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.6.0/firebase-analytics.js";
import { getFirestore, collection, addDoc,arrayRemove, setDoc, updateDoc, getDocs, doc, serverTimestamp, getDoc, } from "https://www.gstatic.com/firebasejs/9.6.0/firebase-firestore.js";
import { getData } from "module1.js"

file: module1.js
export function getData(){
try {
let docSnap = await getDoc(doc(db, "fruit","apple" ))
if (docSnap.exists()) {
var docJSON = docSnap.data();
....
}

它不再工作了。是因为我没有在其他模块中导入firebase模块吗?但如果是这种情况，分裂他们只是意味着我需要下载相同的js模块一遍又一遍。有什么办法能解决这个问题吗?

Answer 1

您可以下载远程文件并将它们打包到您的项目中。

所以你总是需要访问lib模块，你可以在本地找到它们。