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

查看 60|回复 2
作者: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 这个函数?

three, TODO, function, evaloader

okakuyang   
你应该想说用 es6 模块的方式来写吧?不需要 window.three = three 吧
johnman
OP
  
@okakuyang 是。引用再导出就可以了吗?
貌似原来的 THREE.Vector3 等方法就无法使用了?
您需要登录后才可以回帖 登录 | 立即注册

返回顶部