vue3.0项目引入three.js的方式(vue中使用three.js01)

vue中引入three.js有两种方式

1.在index.html文件中引入

2.通过npm下载依赖包引入

注：以下操作是vue-cli3.0的引入的实现步骤

1. 下载依赖包
   npm install --s three

2. 配置文件设置
   在项目目录下创建vue.config.js文件

const ThreeExamples = require('three')

...
// 第三方插件配置
    pluginOptions: {
        // ...
        ...ThreeExamples
    }

3. 开发页面引入使用

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)
...