如何将NodeJS文件转换为Vanilla文件

Question

I have a module in NodeJs, the entry main is main.js:

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

This module has module.export in the main file like

module.exports = ZTree;

And have a requires in each file. I don't use requires of node modules or other modules. Only files in source folder.

So, I want to use this module in a web application, in a single js file. So I tried with webpack:

const path = require('path');

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

But when I set in my test.html the script:

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

I can't use it.

So, my question is how I can convert "NodeJS files" to "Vanilla files" for web.

Thanks!

Answer 1

Thanks to @justin-summerlin for solve the answer.

Must add libraryTarget and library in the output on 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'
    },
}

And in your HTML file you can use it like:

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