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();