如何将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