VUE vue-cli使用three.js

1.首先先安装three

npm install three --save

2.有的组件 如OrbitControls则不能直接使用，需要安装imports-loader and exports-loader(用于向一个模块的作用域内注入变量、从模块中导出变量)

npm Install imports-loader and exports-loader --save-dev

3.webpack.base.conf.js配置
在其module中的rules[]中添加：

{
  test: require.resolve("three/examples/js/controls/OrbitControls"),
  use: "imports-loader?THREE=three"
},
{
  test: require.resolve("three/examples/js/controls/OrbitControls"),
  use: "exports-loader?THREE.OrbitControls"
}

4.引用

import OrbitControls from 'three/examples/js/controls/OrbitControls.js'

转载于:https://www.jianshu.com/p/6f7528c98321