从打字稿中的索引文件导出JSON文件

Posted

技术标签:

【中文标题】从打字稿中的索引文件导出JSON文件【英文标题】:export JSON file from index file in typescript 【发布时间】:2021-10-31 20:48:33 【问题描述】:

在我的打字稿项目中,我可以在文件夹的 index.ts 中重新导出我的默认导出。

例如:

export  default as BaseError  from "./errorResponse";

但我无法像这样导出 JSON 文件。

export * as configFiles from "./config";

如何捆绑和导出 JSON 文件,以便我可以在 tsconfig 的路径中使用它


  "compilerOptions": 
    "paths": 
      "@errorClass": ["src/helpers/errorClasses"],
      "@config": ["src/config"],
      "@routes": ["src/routes"]
    ,

【问题讨论】:

【参考方案1】:

示例 tsconfig.json

"compilerOptions": 
        "baseUrl": "src",
        ...
        "paths": 
            "@config":["src/config/*"],
         ...
        ,`
import  xConfig  from '@config/index';

【讨论】:

【参考方案2】:

在您的 tsconfig.json 文件中添加以下选项:


  "compilerOptions": 
    "esModuleInterop": true,
    "resolveJsonModule": true
  

更新tsconfig文件后导出configFile如下:

export  default as configFiles  from "./config.json";

现在在您的代码中导入configFiles,使用以下代码:

import  configFiles  from "./file-path-to-configFiles-variable";

console.log(configFiles);

【讨论】:

以上是关于从打字稿中的索引文件导出JSON文件的主要内容,如果未能解决你的问题,请参考以下文章

在创建 csv 文件时,Blob 在打字稿中附加逗号

将首先转换为 Observable 的 json 文件转换为打字稿中的地图,角度

打字稿中无法识别json文件

如何在打字稿中声明全局变量

在打字稿中调试多个文件

如何在反应打字稿中从json文件中获取和显示数据