More than 3 years have passed since last update.

Typescriptでグローバル変数(window.○○)

Posted at 2020-12-06

プロジェクトフォルダの中に@typesというディレクトリを作成し、
その中にglobal.d.tsというファイルを作成します。

####中身

global.d.ts


import firebase from "firebase/app";//例

declare global {
    interface Window{
        firebaseApp: firebase.app.App//例
//この中に好きに定義する
    }
}

interface Window の中に含めたい変数をいれてから
window.○○のように使います。

####できない場合
tsconfig.jsonのfilesにglobal.d.tsを入れてください。

tsconfig.json

{
    "省略":"",
    "files": [
        "@types/global.d.ts"
    ],
    "省略":""
}