Angular 14共享库中如何自动导出helpers目录下所有文件内容？

TypeScript本身没有原生语法支持自动导出目录下所有文件，所以需要借助脚本或工具来实现自动生成index.ts的导出语句，以下是几种可行方案：

方案1：用Shell脚本生成（无需额外依赖） #

在项目根目录的package.json中添加自定义脚本，通过shell命令自动遍历helpers目录生成导出语句：

"scripts": {
  "gen-helpers-index": "cd projects/my-lib/src/lib/helpers && ls -1 *.ts | grep -v index.ts | sed 's/\\.ts$//' | awk '{print \"export * from \\"./$0.";\"}' > index.ts",
  "prebuild": "npm run gen-helpers-index"
}

• 执行npm run gen-helpers-index可手动生成最新的index.ts
• 绑定到prebuild钩子后，每次执行ng build前会自动更新导出内容

方案2：用TypeScript插件自动维护 #

使用typescript-plugin-auto-export插件，在开发时自动监控文件变化并更新index.ts：

1. 安装依赖：

npm install typescript-plugin-auto-export --save-dev

2. 修改项目的tsconfig.json，添加插件配置：

{
  "compilerOptions": {
    "plugins": [
      {
        "name": "typescript-plugin-auto-export",
        "excludedFiles": ["index.ts"],
        "exportFile": "index.ts",
        "watch": true
      }
    ]
  }
}

注意：若Angular CLI构建未识别该插件，可配合tsc --watch命令在开发阶段自动更新导出。

方案3：自定义Node.js脚本（更灵活） #

写一个简单的Node脚本实现文件遍历和导出语句生成，适合需要自定义逻辑的场景：
创建scripts/gen-helpers-index.js文件：

const fs = require('fs');
const path = require('path');

// 指向helpers目录的绝对路径
const helpersDir = path.resolve(__dirname, '../projects/my-lib/src/lib/helpers');

// 读取目录下的ts文件，排除index.ts
const tsFiles = fs.readdirSync(helpersDir)
  .filter(file => file.endsWith('.ts') && file !== 'index.ts');

// 生成导出语句
const exportContent = tsFiles
  .map(file => `export * from './${file.slice(0, -3)}';`)
  .join('\n');

// 写入index.ts
fs.writeFileSync(path.join(helpersDir, 'index.ts'), exportContent);

然后在package.json中添加脚本：

"scripts": {
  "gen-helpers-index": "node scripts/gen-helpers-index.js",
  "prebuild": "npm run gen-helpers-index"
}

注意事项 #

• TypeScript不支持export * from './*'这类通配符导出语法，必须通过工具生成显式的导出语句
• 如果使用Git，建议把自动生成的index.ts加入版本控制，避免构建时产生差异

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