配置tsconfig.json移除编译后JS的import/export适配Google App Script

要解决GAS不支持import/export语法的问题，有两种可行方案，分别是调整TypeScript配置和编译后脚本处理：

方案一：通过tsconfig.json配置实现 #

直接修改tsconfig.json的编译选项，让TypeScript在保留类型检查的同时，自动移除import/export语句：

{
  "compilerOptions": {
    "target": "ES5", // 适配GAS的运行环境
    "module": "ESNext", // 允许使用ES模块语法但编译时处理
    "preserveValueImports": false, // 不保留导入语句，将依赖视为全局变量
    "allowSyntheticDefaultImports": true,
    "isolatedModules": false, // 关闭孤立模块检查，允许跨文件依赖被当作全局处理
    "noEmitOnError": true, // 有错误时不生成文件
    "outDir": "./dist" // 编译产物输出目录
  },
  "include": ["./src/**/*"] // 你的TS源码目录
}

配置说明： #

• preserveValueImports: false：告诉TypeScript不需要保留导入语句，因为GAS会全局提升所有函数，导入的foo会被当作全局存在的变量处理
• module: ESNext：允许你在TS代码中正常使用import/export进行模块化开发，编译时会自动移除这些语法
• target: ES5：确保编译后的JS兼容GAS的执行环境

方案二：编译后用脚本清理 #

如果配置方案无法满足需求（比如TS版本较低不支持部分选项），可以写一个简单的Node.js脚本，在编译后自动清理import/export语句：

1. 创建清理脚本clean-imports.js：

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

// 编译产物目录，和tsconfig里的outDir一致
const distDir = './dist';

fs.readdirSync(distDir).forEach(file => {
  if (file.endsWith('.js')) {
    const filePath = path.join(distDir, file);
    let content = fs.readFileSync(filePath, 'utf8');
    
    // 移除所有import语句
    content = content.replace(/^import\s+.*?;\s*$/gm, '');
    // 移除函数/变量前的export关键字
    content = content.replace(/^export\s+(function|const|let)/gm, '$1');
    
    fs.writeFileSync(filePath, content, 'utf8');
  }
});

2. 在package.json中添加postbuild脚本，让编译完成后自动执行清理：

{
  "scripts": {
    "build": "tsc",
    "postbuild": "node ./clean-imports.js"
  }
}

效果示例： #

原TS文件：

import { foo } from 'bar';

export function exampleFunction(input: string) {
    foo(input);
}

处理后的JS文件：

function exampleFunction(input) {
    foo(input);
}

方案对比 #

• 配置方案：无需额外脚本，编译一步到位，适合TS版本4.5+的项目
• 脚本方案：兼容性更强，可灵活扩展处理其他语法问题，适合所有TS版本

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