typescript全局注入THREE

将THREE注入global
src/global.d.ts

/** &＃64;Author: hongbin* &＃64;Date: 2022-10-21 08:49:42* &＃64;LastEditors: hongbin* &＃64;LastEditTime: 2022-10-21 10:30:58* &＃64;Description:全局类型 需要*/declare let THREE;declare var Hong;declare type ignore &＃61; any;interface Window {THREE: typeof THREE;render: (v?: number) &＃61;> void;renderer: THREE.WebGLRenderer;gui: GUI;//鼠标滚轮事件onmousewheel: ((e: { wheelDelta: number }) &＃61;> void) | null;}
//鼠标滚轮事件
interface Document {onmousewheel: ((e: { wheelDelta: number }) &＃61;> void) | null;
}

初始化全局变量

/** &＃64;Author: hongbin* &＃64;Date: 2022-10-21 09:33:54* &＃64;LastEditors: hongbin* &＃64;LastEditTime: 2022-10-21 10:28:12* &＃64;Description:初始化全局变量*/
import * as THREE from "three";export const initGlobalVariable &＃61; () &＃61;> {window.THREE &＃61; THREE;
};

初始化

import { initGlobalVariable } from "./GlobalVariable";
initGlobalVariable();


就可以 全局调用 THREE 对象