为浏览器和节点创建npm包

Question

我正在尝试创建一个可以被web应用程序或其他节点模块使用的npm包。

如果我只支持浏览器，我只会分配给windowwindow.myExport=myExport （除非我不知道有更现代的方式？）。

如果我只支持节点模块，我将只使用export，module.exports=myExport （同样，如果有更好的方法我不知道，请让我知道）。

但是我想支持两者。目前，我正在做的是

var window, module;
if (window)
    window.myExport = myExport;
if (module)
    module.exports = myExport;

这看起来很难看，但到目前为止效果不错。什么是更好的方法？这是一个非常轻量级的节点模块，所以我不想引入webpack之类的构建器，除非无法避免。我已经在使用babel来创建与es5兼容的代码版本，所以如果babel能帮我解决这个问题，那就行了。




Answer 1

如果有人已经在使用npm来管理他们的依赖关系，那么假设他们将使用webpack或browserify之类的工具来导入/需要模块是合乎逻辑的。从NPM下载一个库并手动将其包含在页面中是不寻常的。我也认为它是NPM库添加到窗口对象的严重违反。这可能会导致各种各样的问题，尤其是如果同一页面上包含了库的不同版本。

真正的问题是ES模块导出或commonJS导出。我现在喜欢CommonJS，因为ES模块还没有在nodejs中本机实现，所以您必须使用babel来轻松导入它们。