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

发布于 2025-02-11 00:08:54 字数 973 浏览 0 评论 0原文

总结问题：是否有任何方法分发使用通用外部模块的功能，以便我不需要在每个文件中再次下载相同的外部模块。（在香草JS中）

细节：你好呀！因此，我一直在使用Firebase 9.6.0进行我的项目（单个JS文件），我用来导入它（Vanilla 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();
   ....
}

它不再起作用。是因为我没有在另一个模块中导入火箱模块吗？但是，如果这样将它们拆分的情况，那就是意味着我需要再次下载相同的JS模块。那么有什么方法可以解决这个问题吗？

原文

Summarising The Problem: Is there any way of distributing functions which use a common external module into different files such that I don't need to download the same external modules again in each file. (In Vanilla JS)

Detailing:
Hi There! So I have Been Using Firebase 9.6.0 For My Project(single js file) where I used to import it (Vanilla JS). But now the project has become lot bigger and using a single JS file is not favorable anymore. I read about importing and exporting functions. So I tried something like the following (main.js is imported as a module in HTML file):

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();
   ....
}

it doesnt work anymore. Is it because i didnt import firebase modules in the other module? But if thats the case splitting them would just mean i need to download the same js modules again an again. So is there any way of fixing this?

分享到QQ

分享到微博