Wie NodeJS Dateien Vanilla Dateien

Question

Ich habe ein Modul in NodeJS konvertieren, wird der Eintrag Haupt ist main.js:

main.js 
└─┬ source 
    ├── a.js 
    ├── b.js 
    ├── c.js 
    └── d.js 

Dieses Modul wurde in der Hauptdatei wie

module.exports = ZTree; 

module.export Und haben Sie eine Anforderung in jeder Datei. Ich verwende keine Knotenmodule oder andere Module. Nur Dateien in Quelle Ordner.

Also möchte ich dieses Modul in einer Webanwendung in einer einzigen js-Datei verwenden. Also habe ich versucht, mit webpack:

const path = require('path'); 

module.exports = { 
    entry: './ztree/main.js', 
    output: { 
     path: path.resolve(__dirname, 'rtree'), 
     filename: 'ztree.js' 
    }, 
} 

Aber wenn ich in meinem test.html das Skript gesetzt:

<script src="./ztree.js"></script> 

Ich kann es nicht verwenden.

Also meine Frage ist, wie ich "NodeJS-Dateien" in "Vanilla-Dateien" für das Web konvertieren kann.

Danke!

Answer 1

Dank @justin-summerlin für die Antwort zu lösen.

muss hinzufügen libraryTarget und Bibliothek in der Ausgabe auf webpack.config.js

const path = require('path'); 

module.exports = { 
    entry: './ztree/main.js', 
    output: { 
     path: path.resolve(__dirname, 'rtree'), 
     filename: 'app.js', 
     libraryTarget: "var", 
     library: 'ZTree' 
    }, 
} 

Und in der HTML-Datei können Sie es gerne verwenden:

let ztree = new ZTree(); // As your library name