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

[johnman]

麻烦前端大佬看看

原来有一个 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 这个函数？

[kongkx]

@johnman #17 建议多看看 three.js 的文档，以及示例。 估计有不少是 官方 addon

[johnman]

@nsjs
用了最土的办法

globals.js
import * as MYTHREE from "three";

global.THREE = MYTHREE;
global.EVA= EVA;

console.log("start THREE", global.THREE);
console.log("start THREE", global.EVA);

export default MYTHREE;

在 main.js 里面 import 了
globals/EVALoader/EVAOptions/EVAPreviews....等等一大堆相互注入依赖的 js ，就搞定了。

然后在全局暴露了 THREE 和 EVA