React开发Three.js项目踩的一些坑

1.React安装jquery，axios

https://blog.csdn.net/qq_41994549/article/details/80276410

axios就好安装了，经典的npm安装方法即可。

2.React里用jquery和axios读取json

这个折腾了几个小时，最后是json文件要放在public文件夹里才行，当然深一点的路径也可以。

3.Three.js的example里的类用法

https://www.npmjs.com/package/@wildpeaks/three-webpack-plugin

其中的webpack.config.js需要运行npm run eject后，才会在目录结构中暴露出来，千万别傻傻的去modules目录里去搜索。

4.自己写的类的用法

在类的最后增加一行：export default xxx;（xxx表示类名）

在用的项目中添加类：import xxx from '../scripts/js/xxx'，from后面是类的相对位置，这个不用放在public那个文件夹里。

5.定义全局变量

因为Three.js里有很多全局变量，如camera，scene，render，controls等，这些可以直接写在一个js文件里，并且挂载在window上。如CONSTS.js

window.CONSTS = {
    scene: null,
    camera: null,
    renderer:null,
    objects:[],
    light:null,
    viewcontrols:null
}

用的时候直接是：import CONSTS from './CONSTS.js';