Deno에서 Node 모듈을 사용하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

Deno에서 Node 모듈을 사용하는 방법은 무엇입니까?

青灯夜游

풀어 주다： 2020-09-02 10:17:16

앞으로

2393명이 탐색했습니다.

Deno에서 Node 모듈을 사용하는 방법은 무엇입니까?

방법이 별로 좋지는 않지만 어쩔 수 없는 경우도 있습니다.

Deno는 웹 기술을 기반으로 한 서버사이드 코드 실행 환경입니다.

Node는 JavaScript 및 commonjs 모듈을 사용하고 npm/yarn을 패키지 관리자로 사용합니다. [동영상 튜토리얼 추천: node js tutorial ]
Deno는 Typescript나 JavaScript는 물론 최신 javascript import 문도 사용합니다. 패키지 관리자가 필요하지 않습니다.

deno에서 모듈을 가져오려면 다음 URL을 통해 참조해야 합니다:

import { serve } from "https://deno.land/std/http/server.ts";

로그인 후 복사

Deno 표준 라이브러리 또는 Deno 타사 모듈 목록에서 더 많은 필요한 모듈을 찾을 수 있지만 원하는 모듈을 충족할 수는 없습니다. 필요한 모든 것. 때로는 npm 생태계에 의존하는 모듈만 사용할 수 있습니다. 다음은 가장 편리한 것부터 가장 번거로운 것까지 몇 가지 방법입니다.

1. 모듈이 ES 모듈의 가져오기/내보내기 구문을 사용하는 경우.

deno에서 사용하는 라이브러리는 권장 Deno 패키지에서 가져올 필요는 없으며 import 구문을 사용하는 한 모든 URL에서 가져올 수 있습니다. npm 저장소 내에서 이러한 파일에 직접 액세스하는 좋은 방법은 unpkg를 사용하는 것입니다. import 语法即可。通过 unpkg 直接从 npm 存储库内部访问这些文件不失为一个好方法。

import throttle from https://unpkg.com/lodash@4.17.19/throttle.js

로그인 후 복사

2. 如果模块本身没有使用 imports，但源代码用到了

如果是通过 npm 编译的模块，或使用了错误格式的模块，那么是否使用其源代码可能需要一些运气。许多流行库的源代码已经从 commonjs 迁移到了符合标准的 ES 模块的 import 语法。

一些软件包有单独的 src/ 和 dist/ 目录，其中 ES 模块风格的代码位于 src/ 中，但 npm 中并未将其包含在软件包中。在这种情况下，你可以直接从源进行导入。

import throttle from "https://raw.githubusercontent.com/lodash/lodash/master/throttle.js";

로그인 후 복사

可以通过单击 github 上的 “raw” 按钮得到这个 URL，进而获取原始的 JS 文件。使用 github cdn 或查看文件是否可以通过 github 页面进行访问，这样更直接，但却是可行的。

特别注意： 一些库将 ES 模块与 webpack 一起使用，或者使用模块加载器，使它们可以从 Node 模块中导入，如下所示：

//不好的用法:
import { someFunction } from "modulename";
import { someOtherFunction } from "modulename/file.js";

로그인 후 복사

标准的导入方法是，要以 ./ 开头或者是一个可以正常工作的 URL：

//标准的用法:
import { someOtherFunction } from "./folder/file.js";

로그인 후 복사

不过你也可以尝试下一种方法：

3. 导入 commonjs 模块

幸运的是，有一个名为 JSPM 的服务，它能够解析第三方模块并对 commonjs 模块进行编译来用作 ES 模块导入。该工具可用于在浏览器中使用 Node 模块，而无需构建步骤。但是我们也可以在这里用到它。

在我最近的项目中，想进行推送通知，其中涉及生成 VAPID 的凭据，有一个可以加密的 deno 密码库，但是整个开发过程很困难，我宁愿使用流行的 web-push 库。可以用 JSPM CDN 和如下 URL 进行导入：

import webPush from "https://dev.jspm.io/web-push";

로그인 후 복사

这样可以在 deno 中向像使用其他任何模块一样去使用它。

使 Typescript 类型能够正常工作

在 deno 中使用 typecipt 有一个不错的功能，就是很容易能够为模块提供了非常完美的自动补全功能。如果编辑器的 deno 扩展知道类型定义，它甚至可以自动补全第三方模块。

尽管这对代码是否能够正常工作不是必要的，但是可以帮你很好的维护代码。

在我导入另一个名为 fast-xml-parser 的模块时，我注意到它有一个类型定义文件是以 .d.ts 结尾的。这些文件描述了各种接口，甚至适用于 JavaScript.js 文件。有时你还可以在 @typessomemodule 存储库中找到类型定义文件。

例如：https://github.com/Definitely...

通过这个文件 typescript 可以自动完成从 JavaScript 文件导入的内容。即使对于用 JSPM 导入的文件也是如此：

// 导入 fast-xml-parser 库
import fastXMLParser from "https://dev.jspm.io/fast-xml-parser";
// 从 fast-xml-parser 的源代码导入类型定义文件
import * as FastXMLParser from "https://raw.githubusercontent.com/NaturalIntelligence/fast-xml-parser/master/src/parser.d.ts";
//将 parser 与以下类型一起使用
const parser = fastXMLParser as typeof FastXMLParser;

로그인 후 복사

我从定义文件中将类型定义导入为 FastXMLParserrrreee