麻烦前端大佬看看, THREE 项目重写

麻烦前端大佬看看

原来有一个 THREE.JS 项目是一个 index.html 直接包含了 three.min.js 和一堆 js 文件。 包含 three.min.js 之后，有了一个全局的 THREE 对象 后面那一堆 js 便对 THREE 这个对象增加了一系列的函数与变量，并且互相引用

示例 EVALoader.js
THREE.EVALoader = function(onLoad, url, options){
	// todo something
}

THREE.AAA = function(){
    // todo something
}

THREE.BBB = function(){
    // todo something
}

打算用 node 改写， 我能想到的方法： 就是也导出一个对象 THREE ，然后每个 js 改写 THREE 的地方，直接引用这个对象并增加函数和变量

这样可行吗？

globals.js 文件

import * as THREE from "three";
window.THREE = THREE;
export default THREE;

EVALoader.js 文件

import * as THREE from "globals"

THREE.EVALoader = function(onLoad, url, options){
    // todo something
}

THREE.AAA = function(){
    // todo something
}

THREE.BBB = function(){
    // todo something
}

如果可行，其他文件直接从 globals 引入 THREE 就可以使用 EVALoader 这个函数？