node.js - 使用目标特定代码创建 npm 模块

Question

我目前正在开发一个 JavaScript 模块，其中包含 Web 和 Nodejs 目标的代码。这些文件都位于各自的文件(index.node.js 和 index.web.js)中，我希望运行时/编译器根据当前正在处理的目标来选择它需要的文件。因此，当“require”模块时，node 应该自动获取 index.node.js，而 webpack 在为 Web 目标构建时，应该自动获取 index.web.js 文件。

但是，仅依靠扩展来完成此操作是行不通的，因为它会提示缺少index.js。如何才能以一种 webpack 实际上只包含其中一个文件(因此没有运行时开销)的方式来实现这一点，并且它实际上不需要最终用户方面的努力就可以工作。

Answer 1

这就是字段 browser 和 main 的用途:

{
  "browser": "index.web.js" 
  "main": "index.node.js"
}

Webpack 默认使用浏览器字段。 Node 使用主字段(据我所知)。

当使用 Webpack 为后端进行编译时(是的 - 这是一件事) - 用户需要更改 the target可能会改变how modules are resolved .