Vue项目中引入three.js
下载three.js文件,在文件尾部加上导出THREE,如图

文件在src目录下,在需要的组件中引入,如图

启动项目报错_utils_three__WEBPACK_IMPORTED_MODULE_0__.default.PerspectiveCamera is not a constructor

原因:webpack会编译src目录下的文件,导致three.js编译错误,放在src目录外就好了

直接在index.html中引入js文件,当然去掉第一步的导出THREE对象的代码哦,否则还是会报错哦。
该方式引入,在组件中直接使用即可,不需要再单独引入咯 |