如何在TypeScript文件中导出ProcessHelper及在类中导入它

我来帮你梳理下具体的步骤，其实分导出和导入两个部分就能轻松搞定：

一、导出ProcessHelper #

首先得根据你的ProcessHelper定义方式，选合适的导出方式，常见的有两种：

1. 命名导出（适合一个文件有多个导出项的场景） #

如果ProcessHelper是一个类，直接在定义时加上export关键字就行：

// ProcessHelper.ts
export class ProcessHelper {
  static hostName: string = "localhost"; // 假设你的hostName是静态属性
  // 这里可以添加其他方法或属性
}

要是你已经写好了ProcessHelper的定义，也可以在文件末尾单独导出：

// ProcessHelper.ts
class ProcessHelper {
  static hostName: string = "localhost";
}

export { ProcessHelper };

2. 默认导出（适合文件仅导出这一个核心项的场景） #

如果这个文件主要就是为了导出ProcessHelper，用默认导出会更简洁：

// ProcessHelper.ts
export default class ProcessHelper {
  static hostName: string = "localhost";
}

二、在你的类中导入并使用ProcessHelper #

根据上面选的导出方式，对应不同的导入写法：

对应命名导出的导入方式 #

在你需要使用的类文件里，用带大括号的语法导入，注意路径要和ProcessHelper的文件位置匹配：

// YourClass.ts
import { ProcessHelper } from "./ProcessHelper"; // 同级目录用这个路径，不同目录要调整

class YourClass {
  logHostName() {
    console.log(ProcessHelper.hostName); // 直接调用静态属性hostName
  }
}

// 测试一下
const myInstance = new YourClass();
myInstance.logHostName(); // 会输出你定义的hostName值

对应默认导出的导入方式 #

如果用了默认导出，导入时不用加大括号，甚至可以给它自定义名称：

// YourClass.ts
import ProcessHelper from "./ProcessHelper"; 
// 也可以写成 import Helper from "./ProcessHelper"，自定义名称不影响使用

class YourClass {
  logHostName() {
    console.log(ProcessHelper.hostName);
  }
}

小提醒：如果是在Node.js环境下开发，记得检查TypeScript配置文件tsconfig.json里的module选项（比如设为CommonJS或ESNext），确保模块解析正常工作。

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