如何完整下载three.js及OrbitControls、OBJLoader等全部功能组件？

关于扩展组件的归属 #

OrbitControls、OBJLoader确实属于three.js官方维护的扩展组件，不属于核心框架默认打包的内容。你单独下载的单文件three.js核心构建包，只会内置场景、透视/正交相机、WebGL渲染器、基础几何体、基础材质、核心数学方法这类最基础的运行能力，所有非核心的扩展能力都不会被打包进这个单文件里，自然找不到对应模块。

获取three.js全量功能的方式 #

• npm包安装（前端项目最推荐的使用方式）
  在项目目录执行包安装命令拉取官方发布的完整npm包，包内同时包含核心库代码和所有官方维护的扩展组件，安装后直接按路径引入需要的模块即可，示例引入代码：

  // 核心库引入
  import * as THREE from 'three'
  // 扩展组件引入
  import { OrbitControls } from 'three/addons/controls/OrbitControls.js'
  import { OBJLoader } from 'three/addons/loaders/OBJLoader.js'
  

• 下载官方完整发布包
  不要只下载单文件核心构建脚本，要下载完整的版本压缩包，解压后可以在examples/jsm（ES模块化版本扩展）、examples/js（非模块化通用版本扩展）路径下找到所有官方扩展组件，根据自己项目的模块规范，将对应文件复制到项目目录下引用即可。
• 本地源码构建
  可以将three.js官方源码拉取到本地，安装项目依赖后执行官方提供的构建脚本，按需自定义构建包含指定扩展能力的版本，这种方式适合有特殊定制需求的场景。

注意：不要使用第三方站点分发的所谓“整合版three.js单文件”，这类文件普遍存在版本滞后、代码被篡改的问题，很容易出现API不兼容、运行异常的情况。

内容的提问来源于stack exchange，提问作者Luca Phillips