如何解决 Deno 中的 import 路径问题-JavaScript中文网-JavaScript教程资源分享门户

在 Deno 中，import 语句可以用于导入其它模块的代码，但在使用 import 时，经常会遇到路径问题。本文将介绍如何解决 Deno 中的 import 路径问题。

问题描述

在 Deno 中，使用 import 导入模块时，通常需要指定该模块的依赖关系路径，例如：

import {foo} from "./foo.ts";

在实际开发中，由于代码文件的组织结构和文件名称的变化，会导致导入路径的修改。例如，将模块 foo.ts 移动到子目录 bar 中，则需要修改原有导入 ./foo.ts 为 ./bar/foo.ts。这种修改操作频繁且容易出错，而且不利于代码维护。

在 Deno 中，可以使用绝对路径来导入模块，例如：

import {foo} from "/path/to/foo.ts";

这种方式可以避免路径的修改问题，但需要手动指定绝对路径，不灵活。而且，绝对路径在不同操作系统和服务器之间可能有差异。

在 Deno 1.14.0 版本之后，引入了 import_map.json 文件，可以用来映射模块路径到不同的 URL，例如：

{
  "imports": {
    "@foo/": "/path/to/foo/",
    "@bar/": "/path/to/bar/"
  }
}

这里定义了两个映射关系，@foo/ 对应 /path/to/foo/，@bar/ 对应 /path/to/bar/。使用时可以将原始导入路径重新映射为指定的 URL，例如：

import {foo} from "@foo/foo.ts";

这种方式可以解决路径修改问题，并且为模块定义了一个统一的局部别名，便于维护和理解。

在执行 Deno 命令时，可以通过 -c 或 --config 选项指定 import_map.json 文件，例如：

deno run -c import_map.json app.ts

但这种方式需要手动输入命令，不方便且易出错。另一种方式是设置环境变量 DENO_IMPORT_MAP，例如：

DENO_IMPORT_MAP=import_map.json deno run app.ts

这种方式可以自动加载 import_map.json 文件，并将映射关系应用于导入操作中。

本文介绍了三种解决 Deno 中导入路径问题的方法：使用绝对路径、使用 import_map.json 文件、配置环境变量 DENO_IMPORT_MAP。建议在实际开发过程中选择合适的方法来解决路径问题，提高代码的可读性和维护性。

示例代码：

// foo.ts
export const foo = "Hello, Deno!";

// app.ts
import {foo} from "./foo.ts";
console.log(foo);

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/645f843a968c7c53b018772f