如何將NodeJS文件轉換為Vanilla文件

Question

我在NodeJs中有一個模塊，條目主要是main.js：

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

這個模塊在主文件中有module.export

module.exports = ZTree;

並且在每個文件中都有一個要求。 我不使用節點模塊或其他模塊的需求。 僅源文件夾中的文件。

因此，我想在Web應用程序中的單個js文件中使用此模塊。 所以我嘗試了webpack：

const path = require('path');

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

但是當我在test.html中設置腳本時：

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

我不能用

因此，我的問題是如何將“ NodeJS文件”轉換為“ Vanilla文件”。

謝謝！

Answer 1

感謝@ justin-summerlin解決問題的答案。

必須添加libraryTarget和圖書館在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'
    },
}

在HTML文件中，您可以像這樣使用它：

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