在浏览器上为npm模块的javascript源提供服务的正确方法是什么？

一旦安装了npm和nodejs，就可以通过运行

npm安装模块

---

然后使用js require（）函数。我假设存储在我计算机某处的源代码将被加载。但是，如果我想在客户端浏览器中使用此模块的javascript函数，该怎么办？通过一点工作，我可能会在我的磁盘上，或者在网络上找到一些文件，里面有我需要的源代码。我的问题是：是否有一个标准流程可以收集给定模块的所有依赖项，以便我可以在客户端网站上为它们提供服务？还是我完全错过了一些事情，而事情应该以完全不同的方式完成？

有多种工具可用于将依赖项合并到一个文件中，供web浏览器使用。此类工具通常被称为“捆绑工具”

一些流行的例子包括：

---

此列表并不全面，甚至不建议使用哪种工具。

有多种工具可用于将依赖项合并到web浏览器可以使用的单个文件中。此类工具通常被称为“捆绑工具”

一些流行的例子包括：

---

此列表并不全面，甚至不建议使用哪种工具。

如果库作为标准javascript模块发布，您可以直接将其加载到浏览器中，如本例所示：

<script type="module">
  import { html, render } from '/node_modules/lit-html/lit-html.js';
  render(html`<span>Hello, world</span>, document.body)
</script>

---

但是，如果库是作为CJS模块发布的（不幸的是，通常是这样），则需要使用模块绑定器。我偏爱你。要在捆绑包中滚动cjs模块，请确保安装并使用该插件。

如果该库作为标准javascript模块发布，则可以直接将其加载到浏览器中，如本例所示：

<script type="module">
  import { html, render } from '/node_modules/lit-html/lit-html.js';
  render(html`<span>Hello, world</span>, document.body)
</script>

---

但是，如果库是作为CJS模块发布的（不幸的是，通常是这样），则需要使用模块绑定器。我偏爱你。要将cjs模块放入捆绑包中，请确保安装并使用该插件。

yup webpack是您需要的。它被称为模块捆绑包。有多种选择。我想你需要研究像webpack或grunt这样的东西来捆绑你的代码。是的，webpack就是你所需要的。它被称为模块捆绑器。有多种选择。我想你需要研究像webpack或grunt这样的东西来捆绑你的代码。