如何在类webpack-cli工具中加载动态TypeScript配置模块

方案一：利用Node.js自定义加载器 #

• 编写TS加载器逻辑，在工具包启动时通过子进程执行，带上--experimental-loader参数，让Node加载项目的TS配置规则，自动处理TS文件及依赖导入
• 核心思路：主进程通过child_process.spawn启动子进程，传入加载器参数和配置文件路径，子进程加载配置后将结果通过IPC返回主进程

方案二：用esbuild即时转译并保留模块解析 #

• 借助esbuild转译TS配置文件，不打包依赖，保留导入语句，将转译后的文件写入临时目录，再用require加载（此时Node会自动解析项目上下文的依赖）
• 关键代码示例：

const esbuild = require('esbuild');
const fs = require('fs/promises');
const path = require('path');
const os = require('os');

async function loadConfig(configPath) {
  const tempDir = await fs.mkdtemp(path.join(os.tmpdir(), 'my-package-'));
  const outputPath = path.join(tempDir, 'config.js');
  
  await esbuild.build({
    entryPoints: [configPath],
    outfile: outputPath,
    platform: 'node',
    format: 'cjs',
    bundle: false,
    tsconfig: path.resolve(process.cwd(), 'tsconfig.json'),
    sourcemap: false,
  });
  
  const config = require(outputPath);
  await fs.rm(tempDir, { recursive: true });
  return config;
}

方案三：借助ts-node的register功能 #

• 调用ts-node/register并指定项目的tsconfig.json，让Node临时支持TS文件加载，之后直接require配置文件即可
• 注意开启transpileOnly提升性能，同时匹配Node的模块系统设置
• 示例代码：

const path = require('path');

require('ts-node').register({
  project: path.resolve(process.cwd(), 'tsconfig.json'),
  transpileOnly: true,
  compilerOptions: {
    module: 'CommonJS',
  },
});

const config = require(configPath);

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