Backgrounds

"typescript": "3.7.2"

Requirements

An external html to set window.configs.

So we may need to access window object in typescript to get config properties, and do some validation before use

windowConfig.tsx :

interface iConfig extends Window {
  config: {
    username: string,
    server: string,
    port: number,
  }
}

declare var window: iConfig;

export const windowConfig = window;

index.tsx :

import { windowConfig } from './windowConfig';

/* use windowConfig as 'window' */