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