TypeScript编译为JS后，如何可靠获取项目目录相对路径访问文件？

你的目录结构如下：

project
├── build
└── src
    ├── index.ts
    └── file.txt

TypeScript编译产物输出到build目录并在此执行，需要实现不依赖build目录具体位置，让编译后的模块能可靠访问src/file.txt。

当然可以在TypeScript编译前将项目根目录传入环境变量，这是解决这类路径问题的常用方案，以下是具体实现步骤：

1. 编译前注入项目根目录环境变量 #

• Linux/macOS 直接用npm脚本：在package.json的scripts中，直接在tsc命令前追加环境变量赋值：

  "scripts": {
    "build": "PROJECT_ROOT=$(pwd) tsc",
    "start": "node build/index.js"
  }
  

  $(pwd)会获取当前执行命令的目录（也就是项目根目录），并将其存入PROJECT_ROOT环境变量。

• 跨平台方案（含Windows）：使用cross-env包统一处理不同系统的环境变量语法，先安装依赖：

  npm install cross-env --save-dev
  

  然后修改scripts：

  "scripts": {
    "build": "cross-env PROJECT_ROOT=$INIT_CWD tsc",
    "start": "cross-env PROJECT_ROOT=$INIT_CWD node build/index.js"
  }
  

  $INIT_CWD是npm内置的环境变量，指向执行npm命令时的初始目录，也就是项目根目录。

2. 在TypeScript代码中读取环境变量并拼接路径 #

在src/index.ts中，利用Node.js的path模块拼接绝对路径，确保无论build目录在哪都能找到目标文件：

import * as path from 'path';

// 读取注入的项目根目录环境变量
const projectRoot = process.env.PROJECT_ROOT;
if (!projectRoot) {
  throw new Error('PROJECT_ROOT环境变量未设置，请在编译前注入');
}

// 拼接file.txt的绝对路径
const filePath = path.join(projectRoot, 'src', 'file.txt');
// 后续可直接使用filePath读取文件

3. 更稳妥的替代方案：编译时复制静态文件到build目录 #

如果不想依赖环境变量，还可以直接把静态文件和编译产物放在同一目录：

• 安装copyfiles工具：

  npm install copyfiles --save-dev
  

• 修改npm脚本，在编译完成后复制静态文件：

  "scripts": {
    "build": "tsc && copyfiles src/file.txt build/",
    "start": "node build/index.js"
  }
  

• 此时在代码中直接用相对路径./file.txt就能访问目标文件，完全不用关心根目录或build目录的位置，适合静态资源较多的场景。

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