通过 CDN 使用 npm

目前，大多数开发者通过使用其中一种 CDN 导入 npm 模块来在 Deno 中使用它们。你可以在你的 Deno 代码中或直接在你的浏览器中引用 CDN 的 URL 作为 ES Module。这些 CDN URL 可以重复使用，它们也提供了如何在 Deno、浏览器等中使用的说明。

从 Deno release 1.28 开始，Deno 还提供了稳定支持 npm: specifiers ，这是一种在 Deno 中使用 npm 模块的新方式。

从 Deno release 1.31 开始，如果存在，则 Deno 支持解析 package.json 中的 npm 依赖项 。

esm.sh

esm.sh 是一个专门为 Deno 设计的 CDN，虽然解决 Deno 的问题也使它成为了访问 npm packages 的 ES Module bundles 的通用 CDN。esm.sh 使用 esbuild 来处理任意 npm package，并确保它可以作为 ES Module 使用。在许多情况下，你可以将 npm package 导入到你的 Deno 应用程序中：

import React from "https://esm.sh/react";

export default class A extends React.Component {
  render() {
    return <div></div>;
  }
}

esm.sh 支持使用特定版本的 packages，以及使用 semver 版本的 packages，因此，在导入它时，你可以以类似于 package.json 文件的方式表示你的依赖关系。例如，要获取特定版本的 package：

import React from "https://esm.sh/react@17.0.2";

或获取一个次要版本的最新补丁发布：

import React from "https://esm.sh/react@~16.13.0";

或导入子模块：

import { renderToString } from "https://esm.sh/react-dom/server";

或导入常规文件：

import "https://esm.sh/tailwindcss/dist/tailwind.min.css";

esm.sh 还会自动设置一个 header，Deno 识别该 header 使得 Deno 可以检索 package/module 的类型定义。关于如何使用该 header，请参阅本手册中的 Using X-TypeScript-Types header 。

esm.sh 还提供有关如何自托管 CDN 的信息，请参见 self hosting the CDN 。

有关 CDN 如何使用和具有哪些功能的更详细信息，请查看 esm.sh homepage 。

UNPKG

UNPKG 是最知名的 npm packages 的 CDN。对于在其 ES Module distribution 中包括浏览器等项目的 package，你可以直接从 UNPKG 使用它们。尽管如此，所有在 UNPKG 上可用的资源都可以在更适合 Deno 的 CDN 上使用。

JSPM

jspm.io CDN 是专门设计为以适合 import maps 的方式提供 npm 和其他 registry packages 作为 ES Modules。虽然它目前还不支持 Deno，但是由于 Deno 可以使用 import maps，因此你可以使用 JSPM.io generator 生成你想要使用的所有 packages 的 import-map，并从 CDN 中提供这些 packages。