vue中引入three中的OrbitControls控制器

vue中通過npm install three --save 安裝的three.js.
import * as THREE from "three";單文件組件中可以正常引入,下圖是一個(gè)簡單的正方體

于是我想再引入一個(gè)控制器,實(shí)現(xiàn)相機(jī)控制器實(shí)現(xiàn)各個(gè)角度的監(jiān)控.在單個(gè)HTML頁面中通過script標(biāo)簽引入可以達(dá)到效果.

<script src="../OrbitControls.js"></script>

var controls = new THREE.OrbitControls(camera);
controls.addEventListener('change', render)
這是添加相機(jī)控制器的相關(guān)代碼.

問題一: 如何在組件中引入這個(gè)文件?
這個(gè)文件在three/examples/js/controls/OrbitControls中.
總是弄不明白import 和export的用法.
問題二: import * as THREE from "three"這句話怎么翻譯?這個(gè)three是文件還是啥?