如何将NodeJS文件转换为香草文件

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文件“转换为”香草文件“的网页。

谢谢!

Answer 1

感谢@justin-summerlin的解答。

必须在webpack.config.js上的输出中添加libraryTarget和库

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