Question

我的示例脚本如下：

var o = o || {};

o.showMsg = function () {
    console.log("something else");
}

o.showMsg();

我使用webpack构建/捆绑了上面的脚本，它按预期工作。当使用webpack捆绑时，上面的脚本作为IIFE的一部分封装（按设计）并且很好。但是，我想访问主机页面中的对象“o”（我将包括我的bundle.js）。有没有其他方法，我可以导出并从外部访问“o”到其他脚本。我想在上面的脚本中添加“window.o = o”。不确定，如果它是最好的/推荐的方式（或者还有其他的，事实上，更好的方法来达到相同的目的）。

另外，想象一下我想将几个构造函数导出到外部脚本，他们将自己实例化。如何使用webpack从外部导出这些构造函数。

注意：由于我正在学习webpack的一些基础知识，我现在不想使用ES6 / ES7 / TS。我知道他们的功能比我在这里要求的要多得多。

Answer 1

您可以在webpack配置中选择使用libraryTarget公开图书馆的方式。

您可以使用import / export以ES6方式导出库，并让webpack完成工作。

如何使用Webpack 3进行一些基本的js导出

1 个答案: