如何在TypeScript中缩短组件/模块名称？以MenuHelper导入为例

嘿，你的问题很典型，先给你吃个定心丸——你尝试的import * as CH from "@core/shared/menu/MenuHelper";写法完全可行！不过根据你的实际需求，还有几种更贴合场景的方式，我给你逐一说明：

1. 直接给单个导出成员重命名（最推荐） #

因为你原本只需要导入MenuHelper这个命名导出，没必要把整个模块都挂载到别名上。直接在导入时给它单独起别名更简洁：

import { MenuHelper as CH } from "@core/shared/menu/MenuHelper";

这样之后你直接用CH就能指代原来的MenuHelper，不用多写一层CH.MenuHelper，代码更清爽。

2. 给整个模块起别名（你的原写法） #

如果这个模块里还有其他你需要用到的导出成员，那你原来的写法就很合适：

import * as CH from "@core/shared/menu/MenuHelper";

之后调用MenuHelper或者模块里的其他导出，就可以用CH.MenuHelper、CH.OtherExport这样的方式，适合需要批量导入模块内容的场景。

3. 全局配置模块路径别名（适合多文件复用） #

如果你的项目里很多文件都需要导入这个模块，还可以通过tsconfig.json的paths配置来简化模块路径，间接缩短导入代码：
在tsconfig.json的compilerOptions中添加：

{
  "compilerOptions": {
    // 其他已有配置...
    "paths": {
      "@MenuHelper": ["@core/shared/menu/MenuHelper"]
    }
  }
}

之后在任意文件里导入时，就可以用更短的路径：

// 结合成员重命名的话
import { MenuHelper as CH } from "@MenuHelper";
// 如果MenuHelper是默认导出，更简单
import CH from "@MenuHelper";

这种方式一劳永逸，适合高频使用的模块。

总结一下：如果只是单个文件里简化MenuHelper的名称，用方法1最直接；如果要导入模块多个导出，用方法2；如果多文件都要用到这个模块，试试方法3。

内容的提问来源于stack exchange，提问作者blazing