如何使用 CDN 将节点库导入网页



所以我使用 node.js 创建了一个简单的程序,并使用 npm 的puppeteerkijiji-scraper创建了几个库,我想在像 Github 页面这样的网页上运行它。过去,我按照自述文件中的说明,成功地使用 CDN 导入了我需要的节点库。但是对于这些包,没有任何使用 CDN 导入的说明。是不可能这样做还是我错过了什么?

包:

  • https://www.jsdelivr.com/package/npm/kijiji-scraper

  • https://www.npmjs.com/package/puppeteer

NodeJS和Web具有根本不同的调制系统。您将无法在 Web 中导入为 Node 编写的库。如果库是纯 JavaScript 库(不依赖于标准库或本机模块(或者是依赖于 DOM 的基于浏览器的库,那么您可以使用 Browserify 将库的源代码编译成单个文件,并将其包含在网页上并带有<script>。否则,您需要围绕此限制重新构建应用程序。

但是,在您的情况下,看起来Kijiji是一个客户端库,而Browserify将是您的解决方案。

您可以通过浏览其一些源代码来得出此结论。您会注意到其中有一个require调用。require函数在 DOM API 上不存在,因此会抛出您收到的错误。

在您的情况下,我将使用的解决方案是 a(咕噜咕噜或咕噜咕噜或 b( 编译代码并静态导入它们。

如果你有一个更复杂的构建链,我建议在其中包含浏览器化阶段。我也不会使用基于 CDN 的库,而是使用 NPM 库。浏览器化阶段会将库和所有必需的依赖项捆绑到一个可以在 HTML 中使用的文件中

<script src="/static/kijiji.js"></script>
<script src="/app/index.js"></script>

我不确定您的文件结构是什么样子的,但您明白了。

最新更新