如何为NPM和直接浏览器使用编写和分发Javascript模块

Question

我想写一个可以通过NPM / Browserify使用的Javascript模块：

let mymodule=require('mymodule');
mymodule.foo()

，或者通过链接到托管版本而不构建：

<script src="...../mymodule.js"></script>

<script>
  mymodule.foo()
</script>

显然我期望代码的两个版本不同，但我希望能够从另一个版本自动构建一个（或者来自同一个源代码）。

我理解UMD（通用模块定义）是解决方案的一部分，与unpkg.com一样，但我不太明白如何将它组合在一起。

1. 编写普通的节点式模块（module.exports.foo = ...）
2. ...在名为/umd
的目录中执行某些操作来构建模块的UMD版本
3. 将/umd添加到files: []的{​​{1}}媒体资源。
4. 发布到npm
5. 现在在unpkg.com上

如果这是正确的，那么第2步是什么？我目前没有使用任何构建工具，因为这个模块非常简单。

如果在浏览器中访问它，那么将通过上面示例中的package.json来访问模块的变量名称是什么？