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?
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');
uriPath: string; etc. Thanks for the approach though!As Typescript is transpiled into JavaScript there is no difference in your usecase. The browser does not get the TS code but the JS.
I know this is an old thread, but for people arriving here after a Google search (and looking for a full solution), there is the confinode package which fully manages the configuration file for you.
config.tsfile seems fine.