在浏览器上提供npm模块的javascript源代码的正确方式是什么？
在浏览器上提供npm模块的javascript源代码的正确方式是什么？
提问于 2018-09-25 04:54:26
一旦安装了npm和nodejs，就可以通过运行以下命令轻松地使用模块
npm安装模块
然后使用js require()函数。我假设存储在我计算机上某个地方的源代码将被加载。但是如果我想在客户端浏览器中使用这个模块的javascript函数呢？通过一些工作，我可能最终可以在我的磁盘上找到一些文件，或者在web上，里面有我需要的源代码。我的问题是:有没有一个标准的过程来收集给定模块的所有依赖项，以便我可以在客户端网站上为它们提供服务？或者是我完全遗漏了什么，事情应该以完全不同的方式来做？
回答 1
Stack Overflow用户
发布于 2018-09-25 05:01:54
如果该库作为标准javascript模块发布，则可以将其直接加载到浏览器中，如下例所示：
<script type="module">
import { html, render } from '/node_modules/lit-html/lit-html.js';
render(html`<span>Hello, world</span>, document.body)
</script>unpkg服务提供了一个有用的工具，可以自动将模块说明符转换为绝对URL，您只需添加?module查询字符串：
import { html, render } from 'https://unpkg.com/lit-html/lit-html.js?module';但是，如果(不幸的是通常情况下)该库被发布为CJS模块，那么您将需要使用模块捆绑器。我偏爱rollup。要在捆绑包中添加cjs模块，请确保安装并使用rollup-plugin-commonjs插件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52487227
复制相关文章
相似问题