threejs 构建场景时需要调用的js太多，怎样按需加载

Question

threejs 构建场景时需要调用的js太多，怎样按需加载？

尝试过requirejs，但感觉不太对需求。

比如 构建一种材质，需要导入大概10+个js，但这种材质不是最初就使用的（比如切换材质的展示需求）
怎样能使用时才会去加载这10+的js？

Answer 1

原生js可以通过动态创建script标签来实现按需加载。如果你是用react可以用react-loadable这个库来实现import&nbsp;Loadable&nbsp;from&nbsp;'react-loadable';import&nbsp;Loading&nbsp;from&nbsp;'./my-loading-component';&nbsp; const&nbsp;LoadableComponent&nbsp;=&nbsp;Loadable({&nbsp;&nbsp;loader:&nbsp;()&nbsp;=>&nbsp;import('./my-component'),&nbsp;&nbsp;loading:&nbsp;Loading, });&nbsp; export&nbsp;default&nbsp;class&nbsp;App&nbsp;extends&nbsp;React.Component&nbsp;{ &nbsp;&nbsp;render()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;<LoadableComponent/>; &nbsp;&nbsp;} }