如何使用 es6 的 import 导入 threejs ？

在ES6中，您可以使用import语句来导入three.js模块中的特定功能或整个库。首先，确保您已经通过npm或yarn安装了three.js。下面是安装命令：

sh
npm install three

或者

sh
yarn add three

安装之后，您可以按照下面的方式在您的JavaScript模块中导入three.js：

javascript
// 导入整个three.js核心库
import * as THREE from 'three';

// 示例：创建一个场景
const scene = new THREE.Scene();

如果您只需要导入库中的特定部分，可以使用具体的导入语句来只获取您需要的那部分，这样可以帮助减小最终打包的大小。例如，如果您只需要一个PerspectiveCamera和一个Mesh，您可以这样导入它们：

javascript
// 导入特定的组件
import { PerspectiveCamera, Mesh } from 'three';

// 示例：创建一个透视相机
const camera = new PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

// 示例：创建一个网格（需要一个几何体和材质）
const mesh = new Mesh(geometry, material);

这是使用ES6模块导入three.js的基本方式。当然，在实际项目中，您可能还需要处理模块打包器（如Webpack或Rollup）以及可能的Babel配置来确保您的代码能够在各种浏览器环境中正确运行。