导入别名

Open in Playground Source

用于更简洁模块路径的自定义导入别名。

server

routes

index.ts

utils

nitro.config.ts

package.json

tsconfig.json

vite.config.ts

import { sum } from "~server/utils/math.ts";

import { rand } from "#server/utils/math.ts";

export default () => {
  const [a, b] = [rand(1, 10), rand(1, 10)];
  const result = sum(a, b);
  return `The sum of ${a} + ${b} = ${result}`;
};

导入别名（如 ~ 和 #）让你可以使用更短的路径引用模块，而不是使用相对导入

#使用别名导入

server/routes/index.ts

import { sum } from "~server/utils/math.ts";

import { rand } from "#server/utils/math.ts";

export default () => {
  const [a, b] = [rand(1, 10), rand(1, 10)];
  const result = sum(a, b);
  return `The sum of ${a} + ${b} = ${result}`;
};

该路由使用 ~server/ 导入 sum 函数，并使用 #server/ 导入 rand 函数。两者都会解析到同一个 server/utils/math.ts 文件。处理程序生成两个随机数并返回它们的和。

#配置

可以在 package.json 的 imports 字段或 nitro.config.ts 中配置别名。

#了解更多

配置。

Edit this page

Previous Hono Next 中间件

On this page