Question

我在NodeJs中有一个模块，条目main是main.js：

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

此模块在主文件中有module.export，如

module.exports = ZTree;

每个文件都有一个要求。我不需要使用节点模块或其他模块。仅限来源文件夹中的文件。

所以，我想在单个js文件中的Web应用程序中使用此模块。所以我尝试使用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>

我无法使用它。

所以，我的问题是如何转换＆＃34; NodeJS文件＆＃34; to＆＃34; Vanilla文件＆＃34;对于网络。

谢谢！

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

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

1 个答案: