如何将JSON对象转换为自定义格式的JavaScript/TS文件并实现下载

直接用以下原生JS代码即可实现需求，无需引入任何第三方依赖：

// 输入的原始JSON配置
const sourceJson = {
  APP_NAME: "Test App",
  APP_TITLE: "Hello World"
};

// 转换为目标config.ts格式内容
let tsContent = '// config.ts\n';
Object.entries(sourceJson).forEach(([key, value]) => {
  // 纯类型声明写法（和你给出的示例完全一致）
  tsContent += `export const ${key}: "${value}";\n`;
  // 如果需要带实际赋值的可执行TS代码，就把上一行替换为下面这行
  // tsContent += `export const ${key} = "${value}";\n`;
});

// 触发浏览器下载逻辑
const fileBlob = new Blob([tsContent], { type: 'text/typescript' });
const downloadLink = URL.createObjectURL(fileBlob);
const a = document.createElement('a');
a.href = downloadLink;
a.download = 'config.ts';
document.body.appendChild(a);
a.click();
// 清理临时生成的资源
document.body.removeChild(a);
URL.revokeObjectURL(downloadLink);

运行后浏览器会自动下载符合要求的config.ts文件。

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