Webpack捆绑简单的JS文件

Question

我意识到这可能会对 Webpack 的用途完全产生误解，但我无法在任何地方找到答案。

基本上我有两个文件：

hello.js

function hello() {
    console.log('Hello, world!');
}

entry.js

require('./hello.js');

hello(); // should log 'Hello, world!'

我想将它们打包到一个文件中，以便使用 Webpack 加快速度。我的条件是我不应该以任何方式修改 hello.js （假设它是一个我无权修改的大型混淆库）。

我预计会跑

webpack entry.js result.js

会在result.js给我一个可用的捆绑包，但result.js会给我一个错误：

Uncaught ReferenceError: hello is not defined

有没有办法实现我想要的？只需将脚本捆绑在一起，使它们在全局命名空间中可用，而不必向它们添加任何东西？

Answer 1

文件hello.js没有导出任何东西，你必须从这样的hello.js文件中导出hello函数，

module.exports = function () {
  console.log('Hello, world!');
}

然后在您的输入文件中。

var hello = require('./hello.js');
hello();