如何为 TypeScript 创建特定于应用程序的配置文件？

Question

I am working on a web application using TypeScript. For some parts of the application, I would like to define a simple configuration file that specifies certain aspects (for example the color palette).

How would I create such a configuration file? In JavaScript, creating config.js and referencing it in the HTML code is a very simple solution. What would be the best solution for TypeScript? Maybe a separate Config.ts file?

Answer 1

You can do it the following way.

First define structure of your config file, in lets say config.ts:

export interface Config
{
    uriPath: string;   
    port: number;   
    settings: string[];
}

Then create config.json that actually holds the data:

{
    "uriPath": "mgNation",
    "port": 1506,
    "settings": [
        "=[tor.start]",
        "=[copp.start]"
    ]
}

And consume it in your app.ts:

let config: Config = require('./path/to/config.json');

Answer 2

As Typescript is transpiled into JavaScript there is no difference in your usecase. The browser does not get the TS code but the JS.

Answer 3

我知道这是一个旧线程，但是对于在 Google 搜索（并寻找完整解决方案）后到达这里的人来说，有一个confnode包可以为您完全管理配置文件。