Anwendung vom ESM Modulen im Browser

[Jonathan Harker]

Hallo Michael_K,

Hallo,

irgendwie stehe ich auf dem Schlauch. Mir ist der grundsätzliche Unterschied zwischen CJS und ESM-Modulen bekannt. Was ich aber nicht verstehe ,wie ich ESM-Module im Browser nutzen kann (client-seitig),

ESM-Module sind ja EcmaScript-Module, die Du mit ES6 einbindest.

→ JavaScript/Tutorials/OOP/Module_und_Kapselung

wenn das ESM-Modul Abhängigigkeiten zu anderen Modulen besitzt? Wie sollte man die Ordnerstruktur wählen?

In Node.js würde das geladene Modul die dependencies bereits enthalten und beide würden in der package.json bzw. package-lock.json erscheinen.

Ich würde gerne das npm Module file-type (https://www.npmjs.com/package/file-type) verwenden (im Browser client-seitig JS). Dieses Module hat aber Abhängigkeiten zu anderen Modulen. In der Docu steht, dass die Verwendung im Browser durch import {fileTypeFromStream} from 'file-type'; erfolgt. Aber wie und wo muss ich die anderen abhängigen Module hinterlegen?

Da Du das clientseitig machen willst, würde ich schauen, ob ein Minimal-Beispiel funktioniert und entsprechend mit der Konsole untersuchen / debuggen.

Bis bald! Jonathan