vue中引入three.js有两种方式
1.在index.html文件中引入
<script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.js"></script>
2.通过npm下载依赖包引入
注
:以下操作是vue-cli3.0
的引入的实现步骤
-
下载依赖包
npm install --s three
-
配置文件设置
在项目目录下创建vue.config.js文件
const ThreeExamples = require('three')
...
// 第三方插件配置
pluginOptions: {
// ...
...ThreeExamples
}
- 开发页面引入使用
import * as THREE from 'three'
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
...
const scene = new THREE.Scene()
const controls = new OrbitControls(camera, renderer.domElement)
...